JS Skills: From Novice to Guru The “how-to” algorithm.

Slides:



Advertisements
Similar presentations
Introduction to HTML5 Programming donghao. HTML5 is the New HTML Standard New Elements, Attributes. Full CSS3 Support Video and Audio 2D/3D Graphics Local.
Advertisements

John Culviner johnculviner.com DEMO CODE:
Alpha Anywhere Product Roadmap and Overview
June 28 th – July 1 st 2006 Implementing Usability: Insights to improve your chances  CFUnited 2007.
Free Training Courses for.NET Software Engineers Svetlin Nakov Telerik Corporation
User Group 2015 Version 5 Features & Infrastructure Enhancements.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
Web Services & Widgets Godmar Back. Mash-Ups Applications that combine information from different sources in one web page Different architectural choices.
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
REAL WORLD SPA A KNOCKOUT CASE STUDY Cory House | bitnative.com | speakerrate.com/talks/27181.
Free Training Courses for.NET Software Engineers Svetlin Nakov Telerik Corporation
WHAT IS A WEB APP? Van Kelly Yeshiva University July 6, 2013.
Liam Peyton – Research A Framework for Instrumentation and Integration of Process Performance Management.
Philly.NET Hands-on Labs JAVASCRIPT SERIES. July 9: JavaScript Syntax Visual Studio ◦Projects ◦Editors ◦Debugging ◦Script blocks ◦Minification and bundling.
GIS technologies and Web Mapping Services
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
Yahoo! User Interface (YUI) Library Natly Mekdara.
Angelo Chan Kamran Bilgrami. Agenda ● WinJS - What and Why ● Modern Apps ● WinRT Architecture ● Demos o Controls o Data Bindings o Program LifeCycle Management.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.
Introduction to ArcGIS API for JavaScript
FUNDAMENTALS OF PROGRAMMING SM1204 SEMESTER A 2012.
Some essentials difference syntax and concept for jquery developers Roohullah Afzali
Todd Snyder Development Team Lead Infragistics Experience Design Group.
Adapting web pages for mobile devices Fredrik Andersson Hannes Nevalainen.
Introduction to Angular JS Sergey Barskiy Working Class Nobody Level: Introductory.
SDC 2013 SPA Made Breezy Tiberiu Covaci Ward Bell, v.p. of technology, IdeaBlade.
Jerry Yun Pan 1, Nigel Banks 2 1 Environmental Sciences Division, Oak Ridge National Laboratory, Oak Ridge, TN Discovery Garden Inc., 118.
Hattan Shobokshi mvcdotnet.wordpress.com Web Development in the Past (Microsoft Stack)
BTW ”If you go, my advice to you” - Distributed Software Development.
© 2006, National Research Council Canada © 2006, IBM Corporation Solving performance issues in OTS-based systems Erik Putrycz Software Engineering Group.
Libraries and APIs CMPT 281. Overview Basics of libraries and APIs Rich internet applications Examples – Scriptaculous – JQuery.
1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.
By: Nelson Webster. Algorithm Engineers Algorithm engineers study the effectiveness and efficiency of procedures of solving problems on a computer.
Text INTRODUCTION TO ASP.NET. InterComm Campaign Guidelines CONFIDENTIAL Simply Server side language Simplified page development model Modular, well-factored,
C++ for Engineers and Scientists, Second Edition 1 Problem Solution and Software Development Software development procedure: method for solving problems.
What was new in VS Studio 2008 A bird eye view from the height of ft By: Shahzad Sarwar Software Architect Comsoft computer consultants.
Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.
The New Face of ASP.NET ASP.NET MVC, Razor, and jQuery Ido Flatow | Senior Architect | Sela | This session is.
JavaScript Applications Course Introduction SoftUni Team Technical Trainers Software University
Introduction to Web Technologies Module Introduction to Web Technologies – CS th January 2005 Dr Bogdan L. Vrusias
AngularJS and SharePoint
© Copyright SELA software & Education Labs Ltd Baruch Hirsch St.Bnei Brak Israel
Mary Ganesan and Lora Strother Campus Tours Using a Mobile Device.
Best Institutes offering Software Development courses.
Framework and Graph Visualization Tools
Web Technologies Computing Science Thompson Rivers University
Angular 4 + TypeScript Getting Started
Development of Internet Applications jQuery, TypeScript, LESS
Extra Course
JavaScript Applications: Course Introduction
JavaScript Applications: Course Introduction
JavaScript Fundamentals
Angular JS Training | Angular JS online Training at GoLogica
KnockoutJS -Pradeep Shet 31st August 2014.
Service Oriented Architecture
Software Engineering for Internet Applications
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Top Reasons to Choose Angular. Angular is well known for developing robust and adaptable Single Page Applications (SPA). The Application structure is.
Microsoft Ignite NZ October 2016 SKYCITY, Auckland.
Introduction to AngularJS
Modern web applications
Using REST and UI Testing to Test an Ajax Web Application
IND8115 – LTTng Web View December, 12th 2016 Yonni Chen.
Modern web applications
HTML5 Course Review Master a Skill / Learn for Life.
Web Technologies Computing Science Thompson Rivers University
Knowledge Sharing Mechanism in Social Networking for Learning
Front End Development workshop
05 | An Introduction to AngularJS
Modern Front-end Development with Angular JS 2.0
Presentation transcript:

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 = become JS master  Consistent = discipline  Directed = map + mentor

Boxing vs. JavaScript

The map of a JS Wizard Process /applying the techniques/ TechniquesQuality

I. Techniques

JS Map – Part 1 HTML/CSS/JS basics jQuery (DOM, Events) AJAX, JSON, cookies, caching Server side integration jQuery UI Autocomplete, Rich Text Editor and others 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 ValidationGeneric 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, namespaces  Promises – solving the “callback hell”  Troubleshooting & debugging  MV* Frameworks  Angular JS  Knockout JS  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 PrepareExecuteReport Task DefinitionProblem 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  to to get  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   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