Front End Development

Abstract

Server side developers (Java, .NET and others) usually find the web platform as a mess. Some parts look quite interesting and advanced and some parts look like they were invented a decade ago.
Becoming a FED (Front End Developer) is a journey. First we need to discover the power (and limitation) of the JavaScript programming language then we go through DOM, AJAX, HTML5 modern API and the we need to integrate them all into a modern client side framework like AngularJS.
During this course we are going to learn and deep dive into every major concept that is a must for a serious FED. At the end of the course you will be able to develop rich client side web application which is using latest web technologies.

Target Audience

Developers

Prerequisites

  • Good familiarity with one of the OOP popular languages like Java or C#
  • Basic familiarity with JS
  • Basic familiarity with WEB world including HTTP, CSS, HTML

Content

JavaScript Pitfalls:  

  • Typeof operator
  • Undeclared vs. uninitialized
  • Implicit variable declaration
  • Strict vs. abstract comparison
  • Arrays pitfalls
  • Where to declare variables
  • Apply & call
  • Self-executing function
  • Module pattern
  • Strict mode

Advanced JavaScript:

  • From module to class
  • Module pattern memory consideration
  • Function as ctor
  • New operator
  • Prototype
  • Prototypical inheritance
  • Overriding
  • Instanceof
  • AltJS
  • Introduction to TypeScript

JQuery:    

  • Why use jQuery?
  • Getting Started
  • jQuery Global Object
  • DOM Ready
  • DOM Selection
  • Iterating a jQuery Wrapped Set
  • Method Chaining
  • Useful jQuery Methods
  • DOM Traversal
  • DOM creation
  • Moving Element
  • Removing Element
  • Event Handling
  • Event Object
  • Event Delegation 

CSS:

  • The Big Three
  • CSS Versions
  • Linking vs. Embedding vs. In line
  • Importing
  • Cascading
  • CSS Selectors
  • Pseudo class & Pseudo element
  • How to calculate specificity
  • !important
  • Inheritance
  • Box Model
  • box-sizing
  • Colliding Margin
  • Inline vs. Block Element
  • Line Box
  • Floating
  • Positioning
  • Which size unit to use

Ajax:

  • What is AJAX?
  • XMLHttpRequest
  • Threading Model
  • Concurrent XMLHttpRequest(s)
  • jQuery.ajax
  • Caching Killer
  • Working with JSON
  • JSON Limitations
  • Global Ajax Settings/Events
  • Same Original Policy
  • JSONP
  • CORS
  • Promise & Deferred

HTML5:      

  • What is HTML5?
  • W3C vs. WHATWG
  • What’s New
  • History API
  • Web Storage
  • IndexedDB
  • File API
  • Form Validation
  • Web Workers
  • Web Sockets
  • Offline Web Application

Angular:  

  • What is SPA
  • Popular SPA Frameworks
  • Getting Started
  • Components
  • Dependency Injection
  • Module
  • How does Angular detect changes
  • Validation
  • Custom Services
  • Navigation
  • Routing
  • Working with HTTP
  • Custom Directives

Duration

5 days

Enroll Now
Contact us
Share: