SlideShare a Scribd company logo
1 of 20
JS Skills: From
Novice to Guru
The “how-to” algorithm
“Give a man a fish, and he will
eat for a day. Teach a man to
fish, and he will eat for a
lifetime”
“Confucius”
The algorithm
Develop a skill =“consistent
directed efforts towards the
goal”
Goal = master the skill
Consistent = discipline
Directed = map + mentor
The map of a JS Wizard
Process
/applying the techniques/
Techniques Quality
Boxing vs. JavaScript
I. Techniques
JS Map – Part 1
HTML/CSS/JS
basics
jQuery
(DOM, Events)
AJAX, JSON,
cookies,
caching
Server side
integration
jQuery UI jQuery Plugins
SVG & Canvas
Graphics
Grids
Charts
Knockout
SPA Framework
(Angular etc.)
jQuery
Animation
Html templates
JS Map – Part 2
jQuery
(DOM, Events)
Responsive
Design
PhonegapjQuery Mobile
Data-driven
Forms
Form Validation Generic Forms
II. Quality
Strength Endurance
JS Strength – Handle
complexity
 Software engineering principles – OOP,
Separation of Concerns, Reusable
Components, DRY, KISS, YAGNI
 OOP in JS - prototypes, modules, revealing
modules, multi-instances, namespaces
 Promises – solving the “callback hell”
 Troubleshooting & debugging
 MV* Frameworks
 Angular
 Knockout
 Backbone
 Others and your own
JS Endurance
 Unbreakable code
 Logging & instrumentation
 Unit testing and automated UI testing
 Source analysis – use strict, JSHint
 Performance - Minification, Gzip, Profiling,
YSlow
III. Process skills
Prepare Execute Report
Task Definition Problem Solving
Mentoring
Architecture
Software Development Process
1. Architecture
2. Task Definition
3. Execution
4. Mentoring
The map of a JS Wizard
Now what
 Build a map / get the map
 Email to Jivko@abilitics.com to get ours
 Assess yourself
 Create a PDP Personal Development Plan
 Find a mentor
 Join our Boxing club in February, 2015
 Join our “Life couching through dancing” club
 https://www.facebook.com/kizomba.maniacs
 Week: Tuesday and Thursday, 21:30 in Students Town
 Weekends: Sunday, 6 pm to 8 pm in Paradise Mall, Dance
station
Life couching in Kizomba Maniacs
https://www.facebook.com/kizomba.maniacs

More Related Content

Viewers also liked

Architecture mobile
Architecture mobileArchitecture mobile
Architecture mobilePatrice Cote
 
Build 2016 - P491 - Windows Unlock with IoT Devices
Build 2016 - P491 - Windows Unlock with IoT DevicesBuild 2016 - P491 - Windows Unlock with IoT Devices
Build 2016 - P491 - Windows Unlock with IoT DevicesWindows Developer
 
PechaKucha - "Siri, start presentation 'HomeKit'"
PechaKucha - "Siri, start presentation 'HomeKit'"PechaKucha - "Siri, start presentation 'HomeKit'"
PechaKucha - "Siri, start presentation 'HomeKit'"marcofolio
 
Angular2 with TypeScript
Angular2 with TypeScript Angular2 with TypeScript
Angular2 with TypeScript Rohit Bishnoi
 
Digital in Retail - Burwood Council - Social Media - Jo-Jo Burke
Digital in Retail - Burwood Council - Social Media - Jo-Jo BurkeDigital in Retail - Burwood Council - Social Media - Jo-Jo Burke
Digital in Retail - Burwood Council - Social Media - Jo-Jo BurkeMarketing Success
 
Session 8 - Xcode 5 and interface builder for iOS 7 application
Session 8 - Xcode 5 and interface builder for iOS 7 applicationSession 8 - Xcode 5 and interface builder for iOS 7 application
Session 8 - Xcode 5 and interface builder for iOS 7 applicationVu Tran Lam
 
Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsCaesar Chi
 
Introduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowIntroduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowCaesar Chi
 

Viewers also liked (10)

Architecture mobile
Architecture mobileArchitecture mobile
Architecture mobile
 
Build 2016 - P491 - Windows Unlock with IoT Devices
Build 2016 - P491 - Windows Unlock with IoT DevicesBuild 2016 - P491 - Windows Unlock with IoT Devices
Build 2016 - P491 - Windows Unlock with IoT Devices
 
What's new in C# 6?
What's new in C# 6?What's new in C# 6?
What's new in C# 6?
 
PechaKucha - "Siri, start presentation 'HomeKit'"
PechaKucha - "Siri, start presentation 'HomeKit'"PechaKucha - "Siri, start presentation 'HomeKit'"
PechaKucha - "Siri, start presentation 'HomeKit'"
 
Title sequence 2
Title sequence 2Title sequence 2
Title sequence 2
 
Angular2 with TypeScript
Angular2 with TypeScript Angular2 with TypeScript
Angular2 with TypeScript
 
Digital in Retail - Burwood Council - Social Media - Jo-Jo Burke
Digital in Retail - Burwood Council - Social Media - Jo-Jo BurkeDigital in Retail - Burwood Council - Social Media - Jo-Jo Burke
Digital in Retail - Burwood Council - Social Media - Jo-Jo Burke
 
Session 8 - Xcode 5 and interface builder for iOS 7 application
Session 8 - Xcode 5 and interface builder for iOS 7 applicationSession 8 - Xcode 5 and interface builder for iOS 7 application
Session 8 - Xcode 5 and interface builder for iOS 7 application
 
Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web Apps
 
Introduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowIntroduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flow
 

Similar to JS Skills: From Novice to Guru

10 Years of JavaScript
10 Years of JavaScript10 Years of JavaScript
10 Years of JavaScriptMike de Boer
 
Devon 2011-f-1 반응형 웹 디자인
Devon 2011-f-1  반응형 웹 디자인Devon 2011-f-1  반응형 웹 디자인
Devon 2011-f-1 반응형 웹 디자인Daum DNA
 
Selvarajan-Resume
Selvarajan-ResumeSelvarajan-Resume
Selvarajan-ResumeSelva Rajan
 
Frontend grote projecten
Frontend grote projectenFrontend grote projecten
Frontend grote projectenEdwin Martin
 
Vishesh Singhal - Resume
Vishesh Singhal - ResumeVishesh Singhal - Resume
Vishesh Singhal - ResumeVishesh Singhal
 
Architecting non-trivial browser applications (Jazoon 2012)
Architecting non-trivial browser applications (Jazoon 2012)Architecting non-trivial browser applications (Jazoon 2012)
Architecting non-trivial browser applications (Jazoon 2012)Marc Bächinger
 
jQuery presentation
jQuery presentationjQuery presentation
jQuery presentationMahesh Reddy
 
Real World Lessons in jQuery Mobile
Real World Lessons in jQuery MobileReal World Lessons in jQuery Mobile
Real World Lessons in jQuery MobileKai Koenig
 
JavaScript and jQuery Basics
JavaScript and jQuery BasicsJavaScript and jQuery Basics
JavaScript and jQuery BasicsKaloyan Kosev
 
Story about module management with angular.js
Story about module management with angular.jsStory about module management with angular.js
Story about module management with angular.jsDavid Amend
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJSNicolas PENNEC
 
Resume joseph gregory java
Resume   joseph gregory javaResume   joseph gregory java
Resume joseph gregory javaJoseph Gregory
 
Roopa_1Year_6Mont_Java_AndroidExper
Roopa_1Year_6Mont_Java_AndroidExperRoopa_1Year_6Mont_Java_AndroidExper
Roopa_1Year_6Mont_Java_AndroidExperRoopa Bai
 

Similar to JS Skills: From Novice to Guru (19)

10 Years of JavaScript
10 Years of JavaScript10 Years of JavaScript
10 Years of JavaScript
 
Node.JS briefly introduced
Node.JS briefly introducedNode.JS briefly introduced
Node.JS briefly introduced
 
Devon 2011-f-1 반응형 웹 디자인
Devon 2011-f-1  반응형 웹 디자인Devon 2011-f-1  반응형 웹 디자인
Devon 2011-f-1 반응형 웹 디자인
 
Selvarajan-Resume
Selvarajan-ResumeSelvarajan-Resume
Selvarajan-Resume
 
ABOVE Skillset Matrix
ABOVE Skillset MatrixABOVE Skillset Matrix
ABOVE Skillset Matrix
 
Frontend grote projecten
Frontend grote projectenFrontend grote projecten
Frontend grote projecten
 
Vishesh Singhal - Resume
Vishesh Singhal - ResumeVishesh Singhal - Resume
Vishesh Singhal - Resume
 
Drupal Backbone.js in the Frontend
Drupal Backbone.js in the FrontendDrupal Backbone.js in the Frontend
Drupal Backbone.js in the Frontend
 
Architecting non-trivial browser applications (Jazoon 2012)
Architecting non-trivial browser applications (Jazoon 2012)Architecting non-trivial browser applications (Jazoon 2012)
Architecting non-trivial browser applications (Jazoon 2012)
 
jQuery presentation
jQuery presentationjQuery presentation
jQuery presentation
 
Real World Lessons in jQuery Mobile
Real World Lessons in jQuery MobileReal World Lessons in jQuery Mobile
Real World Lessons in jQuery Mobile
 
EngAhmed
EngAhmedEngAhmed
EngAhmed
 
JavaScript and jQuery Basics
JavaScript and jQuery BasicsJavaScript and jQuery Basics
JavaScript and jQuery Basics
 
Web Developer
Web DeveloperWeb Developer
Web Developer
 
Story about module management with angular.js
Story about module management with angular.jsStory about module management with angular.js
Story about module management with angular.js
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJS
 
Resume joseph gregory java
Resume   joseph gregory javaResume   joseph gregory java
Resume joseph gregory java
 
Rajeev's CV
Rajeev's CVRajeev's CV
Rajeev's CV
 
Roopa_1Year_6Mont_Java_AndroidExper
Roopa_1Year_6Mont_Java_AndroidExperRoopa_1Year_6Mont_Java_AndroidExper
Roopa_1Year_6Mont_Java_AndroidExper
 

Recently uploaded

Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantAxelRicardoTrocheRiq
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...MyIntelliSource, Inc.
 
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...OnePlan Solutions
 
CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online ☂️
CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online  ☂️CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online  ☂️
CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online ☂️anilsa9823
 
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language ModelsUnlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Modelsaagamshah0812
 
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docxA Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docxComplianceQuest1
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsJhone kinadey
 
SyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AI
SyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AISyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AI
SyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AIABDERRAOUF MEHENNI
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataBradBedford3
 
What is Binary Language? Computer Number Systems
What is Binary Language?  Computer Number SystemsWhat is Binary Language?  Computer Number Systems
What is Binary Language? Computer Number SystemsJheuzeDellosa
 
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfThe Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfkalichargn70th171
 
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfwhy an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfjoe51371421
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxbodapatigopi8531
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfkalichargn70th171
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...soniya singh
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...harshavardhanraghave
 
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationProject Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationkaushalgiri8080
 
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...kellynguyen01
 

Recently uploaded (20)

Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service Consultant
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
 
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
 
CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online ☂️
CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online  ☂️CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online  ☂️
CALL ON ➥8923113531 🔝Call Girls Kakori Lucknow best sexual service Online ☂️
 
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language ModelsUnlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Models
 
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docxA Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docx
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial Goals
 
SyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AI
SyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AISyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AI
SyndBuddy AI 2k Review 2024: Revolutionizing Content Syndication with AI
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
 
What is Binary Language? Computer Number Systems
What is Binary Language?  Computer Number SystemsWhat is Binary Language?  Computer Number Systems
What is Binary Language? Computer Number Systems
 
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfThe Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
 
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfwhy an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdf
 
Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
Call Girls In Mukherjee Nagar 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...Call Girls In Mukherjee Nagar 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptx
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
 
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationProject Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanation
 
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
 

JS Skills: From Novice to Guru

  • 1. JS Skills: From Novice to Guru The “how-to” algorithm
  • 2. “Give a man a fish, and he will eat for a day. Teach a man to fish, and he will eat for a lifetime” “Confucius”
  • 3. The algorithm Develop a skill =“consistent directed efforts towards the goal” Goal = master the skill Consistent = discipline Directed = map + mentor
  • 4. The map of a JS Wizard Process /applying the techniques/ Techniques Quality
  • 7. JS Map – Part 1 HTML/CSS/JS basics jQuery (DOM, Events) AJAX, JSON, cookies, caching Server side integration jQuery UI jQuery Plugins SVG & Canvas Graphics Grids Charts Knockout SPA Framework (Angular etc.) jQuery Animation Html templates
  • 8. JS Map – Part 2 jQuery (DOM, Events) Responsive Design PhonegapjQuery Mobile Data-driven Forms Form Validation Generic Forms
  • 10. JS Strength – Handle complexity  Software engineering principles – OOP, Separation of Concerns, Reusable Components, DRY, KISS, YAGNI  OOP in JS - prototypes, modules, revealing modules, multi-instances, namespaces  Promises – solving the “callback hell”  Troubleshooting & debugging  MV* Frameworks  Angular  Knockout  Backbone  Others and your own
  • 11. JS Endurance  Unbreakable code  Logging & instrumentation  Unit testing and automated UI testing  Source analysis – use strict, JSHint  Performance - Minification, Gzip, Profiling, YSlow
  • 12. III. Process skills Prepare Execute Report Task Definition Problem Solving Mentoring Architecture
  • 18. The map of a JS Wizard
  • 19. Now what  Build a map / get the map  Email to Jivko@abilitics.com to get ours  Assess yourself  Create a PDP Personal Development Plan  Find a mentor  Join our Boxing club in February, 2015  Join our “Life couching through dancing” club  https://www.facebook.com/kizomba.maniacs  Week: Tuesday and Thursday, 21:30 in Students Town  Weekends: Sunday, 6 pm to 8 pm in Paradise Mall, Dance station
  • 20. Life couching in Kizomba Maniacs https://www.facebook.com/kizomba.maniacs