Soumettre la recherche
Mettre en ligne
Full stack java script development
•
3 j'aime
•
2,241 vues
Tomislav Capan
Suivre
Presentation from a Code@Six Zagreb User Group held on 7th November 2012
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 22
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
NodeJs Intro - JavaScript Zagreb Meetup #1
NodeJs Intro - JavaScript Zagreb Meetup #1
Tomislav Capan
Javascript fullstasck
Javascript fullstasck
William Bruno Moraes
Introduction to webGL
Introduction to webGL
志鴻 詹
Node Js Websocket Js Meetup Slides
Node Js Websocket Js Meetup Slides
Makoto Inoue
JavaScript frameworks overview + AngularJS
JavaScript frameworks overview + AngularJS
Aliaksandr Kazlou
Integrating Node.js with PHP
Integrating Node.js with PHP
Lee Boynton
从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用
Alipay
Require js + backbone, bower and grunt
Require js + backbone, bower and grunt
Joe Fleming
Recommandé
NodeJs Intro - JavaScript Zagreb Meetup #1
NodeJs Intro - JavaScript Zagreb Meetup #1
Tomislav Capan
Javascript fullstasck
Javascript fullstasck
William Bruno Moraes
Introduction to webGL
Introduction to webGL
志鴻 詹
Node Js Websocket Js Meetup Slides
Node Js Websocket Js Meetup Slides
Makoto Inoue
JavaScript frameworks overview + AngularJS
JavaScript frameworks overview + AngularJS
Aliaksandr Kazlou
Integrating Node.js with PHP
Integrating Node.js with PHP
Lee Boynton
从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用
Alipay
Require js + backbone, bower and grunt
Require js + backbone, bower and grunt
Joe Fleming
2019.06.01 Konva.js 와 함께하는 canvas 2D 그래픽. 유튜브 썸네일 (미리보기 이미지) 제작툴 만들기
2019.06.01 Konva.js 와 함께하는 canvas 2D 그래픽. 유튜브 썸네일 (미리보기 이미지) 제작툴 만들기
JunHo Kim
JSCS - How to Style your JavaScript Code
JSCS - How to Style your JavaScript Code
Arvind Bhardwaj
Node.js
Node.js
Digi Telecommunications
Grunt understanding
Grunt understanding
Khalid Khan
AngularJs Crash Course
AngularJs Crash Course
Gianluca Farinelli
GTUG JS will save us all
GTUG JS will save us all
Mário Valente
Introjscb112817
Introjscb112817
Thinkful
Front-end tools in java webapps
Front-end tools in java webapps
benfante
Drupal Day 2011 - Features: una vita felice
Drupal Day 2011 - Features: una vita felice
DrupalDay
"How to use TypeORM and stay alive", Andrii Andriiko
"How to use TypeORM and stay alive", Andrii Andriiko
Fwdays
PHP and node.js Together
PHP and node.js Together
Chris Tankersley
Intro js-la-jan-4
Intro js-la-jan-4
Thinkful
Nginx, PHP and Node.js
Nginx, PHP and Node.js
Harald Zeitlhofer
About order form improvements
About order form improvements
Gengo
Puphpet
Puphpet
jimlindforpope
Debugger
Debugger
Eb Styles
MTDDC Meetup HOKKAIDO 2018
MTDDC Meetup HOKKAIDO 2018
bitpart
Last Month in PHP - May 2016
Last Month in PHP - May 2016
Eric Poe
Making CLIs with Node.js
Making CLIs with Node.js
Joseph Lust
Neosnippet.vim + Deoppet.nvim in Vim conf 2017
Neosnippet.vim + Deoppet.nvim in Vim conf 2017
Shougo
JavascriptMVC: Another choice of web framework
JavascriptMVC: Another choice of web framework
Alive Kuo
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
Women in Technology Poland
Contenu connexe
Tendances
2019.06.01 Konva.js 와 함께하는 canvas 2D 그래픽. 유튜브 썸네일 (미리보기 이미지) 제작툴 만들기
2019.06.01 Konva.js 와 함께하는 canvas 2D 그래픽. 유튜브 썸네일 (미리보기 이미지) 제작툴 만들기
JunHo Kim
JSCS - How to Style your JavaScript Code
JSCS - How to Style your JavaScript Code
Arvind Bhardwaj
Node.js
Node.js
Digi Telecommunications
Grunt understanding
Grunt understanding
Khalid Khan
AngularJs Crash Course
AngularJs Crash Course
Gianluca Farinelli
GTUG JS will save us all
GTUG JS will save us all
Mário Valente
Introjscb112817
Introjscb112817
Thinkful
Front-end tools in java webapps
Front-end tools in java webapps
benfante
Drupal Day 2011 - Features: una vita felice
Drupal Day 2011 - Features: una vita felice
DrupalDay
"How to use TypeORM and stay alive", Andrii Andriiko
"How to use TypeORM and stay alive", Andrii Andriiko
Fwdays
PHP and node.js Together
PHP and node.js Together
Chris Tankersley
Intro js-la-jan-4
Intro js-la-jan-4
Thinkful
Nginx, PHP and Node.js
Nginx, PHP and Node.js
Harald Zeitlhofer
About order form improvements
About order form improvements
Gengo
Puphpet
Puphpet
jimlindforpope
Debugger
Debugger
Eb Styles
MTDDC Meetup HOKKAIDO 2018
MTDDC Meetup HOKKAIDO 2018
bitpart
Last Month in PHP - May 2016
Last Month in PHP - May 2016
Eric Poe
Making CLIs with Node.js
Making CLIs with Node.js
Joseph Lust
Neosnippet.vim + Deoppet.nvim in Vim conf 2017
Neosnippet.vim + Deoppet.nvim in Vim conf 2017
Shougo
Tendances
(20)
2019.06.01 Konva.js 와 함께하는 canvas 2D 그래픽. 유튜브 썸네일 (미리보기 이미지) 제작툴 만들기
2019.06.01 Konva.js 와 함께하는 canvas 2D 그래픽. 유튜브 썸네일 (미리보기 이미지) 제작툴 만들기
JSCS - How to Style your JavaScript Code
JSCS - How to Style your JavaScript Code
Node.js
Node.js
Grunt understanding
Grunt understanding
AngularJs Crash Course
AngularJs Crash Course
GTUG JS will save us all
GTUG JS will save us all
Introjscb112817
Introjscb112817
Front-end tools in java webapps
Front-end tools in java webapps
Drupal Day 2011 - Features: una vita felice
Drupal Day 2011 - Features: una vita felice
"How to use TypeORM and stay alive", Andrii Andriiko
"How to use TypeORM and stay alive", Andrii Andriiko
PHP and node.js Together
PHP and node.js Together
Intro js-la-jan-4
Intro js-la-jan-4
Nginx, PHP and Node.js
Nginx, PHP and Node.js
About order form improvements
About order form improvements
Puphpet
Puphpet
Debugger
Debugger
MTDDC Meetup HOKKAIDO 2018
MTDDC Meetup HOKKAIDO 2018
Last Month in PHP - May 2016
Last Month in PHP - May 2016
Making CLIs with Node.js
Making CLIs with Node.js
Neosnippet.vim + Deoppet.nvim in Vim conf 2017
Neosnippet.vim + Deoppet.nvim in Vim conf 2017
Similaire à Full stack java script development
JavascriptMVC: Another choice of web framework
JavascriptMVC: Another choice of web framework
Alive Kuo
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
Women in Technology Poland
Architektura html, css i javascript - Jan Kraus
Architektura html, css i javascript - Jan Kraus
Women in Technology Poland
9 Useful Things that Every Web Developer Needs to Know
9 Useful Things that Every Web Developer Needs to Know
Simobo
New paradigms
New paradigms
Borja A. Espejo García
Once upon a time, there were css, js and server-side rendering
Once upon a time, there were css, js and server-side rendering
Andrea Giannantonio
Making sense of the front-end, for PHP developers
Making sense of the front-end, for PHP developers
Lewiz
2016-01-16 03 Денис Нелюбин. How to test a million
2016-01-16 03 Денис Нелюбин. How to test a million
Омские ИТ-субботники
Twitter Bootstrap for web UI development
Twitter Bootstrap for web UI development
Infinity Levels Studio
Client vs Server Templating: Speed up initial load for SPA with Angular as an...
Client vs Server Templating: Speed up initial load for SPA with Angular as an...
David Amend
Front-End Developer's Career Roadmap
Front-End Developer's Career Roadmap
WebStackAcademy
Using JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile Applications
Derek Anderson
GWT - Building Rich Internet Applications Using OO Tools
GWT - Building Rich Internet Applications Using OO Tools
barciszewski
You Can Work on the Web Patform! (GOSIM 2023)
You Can Work on the Web Patform! (GOSIM 2023)
Igalia
Demystifying JavaScript & SEO
Demystifying JavaScript & SEO
Botify
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
SEO Camp Association
Javascript Update May 2013
Javascript Update May 2013
Ramesh Nair
Grunt.js and Yeoman, Continous Integration
Grunt.js and Yeoman, Continous Integration
David Amend
Introduction to Gengo's New Order Form tech
Introduction to Gengo's New Order Form tech
Gengo
Drupal Camp Kiev 2012 - High Performance Drupal Web Sites
Drupal Camp Kiev 2012 - High Performance Drupal Web Sites
Skilld
Similaire à Full stack java script development
(20)
JavascriptMVC: Another choice of web framework
JavascriptMVC: Another choice of web framework
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
Architektura html, css i javascript - Jan Kraus
Architektura html, css i javascript - Jan Kraus
9 Useful Things that Every Web Developer Needs to Know
9 Useful Things that Every Web Developer Needs to Know
New paradigms
New paradigms
Once upon a time, there were css, js and server-side rendering
Once upon a time, there were css, js and server-side rendering
Making sense of the front-end, for PHP developers
Making sense of the front-end, for PHP developers
2016-01-16 03 Денис Нелюбин. How to test a million
2016-01-16 03 Денис Нелюбин. How to test a million
Twitter Bootstrap for web UI development
Twitter Bootstrap for web UI development
Client vs Server Templating: Speed up initial load for SPA with Angular as an...
Client vs Server Templating: Speed up initial load for SPA with Angular as an...
Front-End Developer's Career Roadmap
Front-End Developer's Career Roadmap
Using JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile Applications
GWT - Building Rich Internet Applications Using OO Tools
GWT - Building Rich Internet Applications Using OO Tools
You Can Work on the Web Patform! (GOSIM 2023)
You Can Work on the Web Patform! (GOSIM 2023)
Demystifying JavaScript & SEO
Demystifying JavaScript & SEO
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
Javascript Update May 2013
Javascript Update May 2013
Grunt.js and Yeoman, Continous Integration
Grunt.js and Yeoman, Continous Integration
Introduction to Gengo's New Order Form tech
Introduction to Gengo's New Order Form tech
Drupal Camp Kiev 2012 - High Performance Drupal Web Sites
Drupal Camp Kiev 2012 - High Performance Drupal Web Sites
Dernier
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
marketing932765
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
TopCSSGallery
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
panagenda
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Nikki Chapple
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
Farhan Tariq
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
fnnc6jmgwh
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
ThousandEyes
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
UiPathCommunity
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
LoriGlavin3
2024 April Patch Tuesday
2024 April Patch Tuesday
Ivanti
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
LoriGlavin3
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
Kaya Weers
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
Ravi Sanghani
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
itnewsafrica
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
itnewsafrica
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
Nicole Novielli
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
Manik S Magar
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
LoriGlavin3
Dernier
(20)
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
2024 April Patch Tuesday
2024 April Patch Tuesday
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
Full stack java script development
1.
Full-stack JavaScript Development alati za pomoć
u razvoju JavaScript aplikacija Krešimir Antolić (@kantolic) Tomislav Capan (@tomislavcapan)
2.
JavaScript
3.
Server Side ● JavaScript
- jezik ● node.js - platforma ● express - web framework
4.
Templating Engines ● Mustache
○ minimal; passive view ● Handlebars ○ minimal on steroids: mustache + helpers ● Jade ○ HAML-like; (pre)bogat ● Underscore ○ minimalan, dolazi uz underscore toolkit
5.
Server Side -
zaključak ● Rezultat ○ server-side website / webapp ○ isto kao i PHP/Ruby/Python/ASP.Net itd. ● Node.js ○ not a silver bullet
6.
Client Side ● server
zadužen samo za manipulaciju podataka ● preglednik zadužen za prikaz podataka i korisničkih akcija
7.
Client Side ● 1.
generacija: libraryji ● 2. generacija: MV* frameworci ○ trenutno u fokusu ● 3 generacija ○ trenutno još fuzzy budućnost ○ cilj: integracija
8.
Client Side -
MV* ● KnockoutJs ● BackboneJs ○ +MarionetteJS ● AngularJs ● EmberJs ● CanJS ● ...
9.
Client Side -
UX ● Bootstrap ● Kendo UI ● jQueryUI ● YUI ● ExtJs ● Dojo
10.
Modularizacija AMD - Asynchronous
Module Definition ● RequireJs ● almond ● Curl ● StealJS
11.
Debugging ● Browser tools
○ Firefox FireBug ○ Chrome Dev Tools ○ Opera DragonFly ● Mobile ○ Chrome (4+, adb) ○ iOS 6 - Safari dev tools ○ external (weinre, jsconsole)..
12.
Testing ● Testing
○ Jasmine, Mocha, Chai, SinonJs ○ CasperJs + PhantomJs ○ TestSwarm ● CI ○ self-hosted: TeamCity, Jenkins ○ SaaS: Travis CI, CircleCI
13.
Dev tooling ● Build
○ Maven? ○ Ručno pisane skripte? ○ GruntJs
14.
GruntJs - JS
alati ● Kvaliteta JS koda ○ JSLint / JSHint ● Optimizacija JS koda ○ concatenatori ○ minifieri ○ uglifieri ○ client-side template builderi
15.
GruntJs - CSS
alati ● CSS preprocessori ○ Less ○ Sass ● CSS minifier
16.
GruntJs - Testing
alati ● Test runneri ○ Mocha - server-side ○ Mocha - client-side ○ Jasmine ○ CasperJs / PhantomJs
17.
GruntJs - Deployment
alati ● Build process ○ clean deployment target ○ build - concat, lint, minify, uglify... ○ copy assets to target ○ run tests ○ exec shell scripts ○ watchers
18.
GruntJS rulez! ● uglavnom
sve dostupno kao GruntJs plugin ○ ...ili će uskoro biti...
19.
Uspjeh Batman!
20.
Links Server Side ●
node.js -http://nodejs.org/ ● express http://expressjs.com/ Templating ● Mustache - http://mustache.github.com/ ● Handlebars - http://handlebarsjs.com/ ● Jade - http://jade-lang.com/ ● Underscore - http://underscorejs.org/#template Client-side libs ● KnockoutJs - http://knockoutjs.com/ ● BackboneJs - http://backbonejs.org/ ○ +MarionetteJS - http://www.marionettejs.com/ ● AngularJs - http://angularjs.org/ ● EmberJs - http://emberjs.com/ ● CanJS - http://canjs.us/
21.
Links UX ●
Bootstrap - http://twitter.github.com/bootstrap/ ● Kendo UI - http://www.kendoui.com/ ● jQueryUI - http://jqueryui.com/ ● YUI - http://yuilibrary.com/ ● ExtJs - http://www.sencha.com/products/extjs/ ● Dojo - http://dojotoolkit.org/ Modularizacija: ● RequireJs - http://requirejs.org/ ● almond - https://github.com/jrburke/almond ● Curl - https://github.com/cujojs/curl ● StealJS - http://javascriptmvc.com/docs.html#!stealjs
22.
Links Testing ●
Mocha - http://visionmedia.github.com/mocha/ ● Chai - http://chaijs.com/ ● Jasmine - http://pivotal.github.com/jasmine/ ● SinonJs - http://sinonjs.org/ ● PhantomJs - http://phantomjs.org/ ● CasperJs - http://casperjs.org/ CI ● CircleCI - https://circleci.com/ ● TeamCity - http://www.jetbrains.com/teamcity/ ● Travis CI - http://about.travis-ci.org/ ● Jenkins - http://jenkins-ci.org/ Build ● GruntJs - http://gruntjs.com/ ● Brunch - http://brunch.io/
Télécharger maintenant