Enviar pesquisa
Carregar
Full stack java script development
•
3 gostaram
•
2,241 visualizações
Tomislav Capan
Seguir
Presentation from a Code@Six Zagreb User Group held on 7th November 2012
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 22
Baixar agora
Baixar para ler offline
Recomendados
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
Recomendados
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
Mais conteúdo relacionado
Mais procurados
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
Mais procurados
(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
Semelhante a 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
Semelhante a 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
Último
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
gurkirankumar98700
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Scott Keck-Warren
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
soniya singh
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
Sujit Pal
Último
(20)
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
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/
Baixar agora