Suche senden
Hochladen
Full stack java script development
•
3 gefällt mir
•
2,241 views
Tomislav Capan
Folgen
Presentation from a Code@Six Zagreb User Group held on 7th November 2012
Weniger lesen
Mehr lesen
Technologie
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 22
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
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
Empfohlen
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
Weitere ähnliche Inhalte
Was ist angesagt?
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
Was ist angesagt?
(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
Ähnlich wie 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
Ähnlich wie 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
Kürzlich hochgeladen
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
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
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
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Kürzlich hochgeladen
(20)
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
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
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
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/
Jetzt herunterladen