Front End Development with HTML5, CSS3 & jQuery

מק"ט: #42584 | משך קורס: 40 שעות אק'
| מספר מפגשים: 5

When dealing with Rich Internet Applications (RIA), development & technologies focus is moving from server to client side. The support for rich client applications reduces server loads and provides better response time and lower server development costs. In order to build rich client side applications correctly, getting familiar with JavaScript wide capabilities along with advanced CSS, HTML & jQuery features is essential. Building reusable, scalable and performance oriented JavaScript code requires a deep understanding of the language and as our applications grow more complex, this is no longer something we can live without. 
In this course we will learn the tools and patterns to build scalable JavaScript apps that will serve visitors from many platforms. We will get to know the various Ajax libraries and focus on jQuery to bridge the browser compatibility gap.

*שדות חובה
PDF version


  • Develop scalable, reusable and testable JavaScript code as the infrastructure for large scale web applications
  • Use the jQuery library for DOM access and Ajax 
  • Develop AJAX based applications following the “one .html file” paradigm
  • Use HTML5 and CSS3 to write modern web applications

קהל יעד

This course is intended for experience developers who wish to focus on rich client-side techniques and frameworks.

תנאי קדם

Before attending this course, students must have:

  • Previous experience in Object Oriented Programming (like: Java, C++ or C#)
  • Basic knowledge in web concepts and HTML/CSS
  • Basic JavaScript knowledge is highly recommended


Module 1: JavaScript Basics

  • Introduction to JavaScript (in brief)
  • JavaScript Basic Syntax
  • Flow control
  • Objects and Arrays
  • Functions


Module 2: Advanced JavaScript

  • JavaScript Objects Model 
  • Functional programming in JavaScript (Higher Level JavaScript)
  • Using callbacks
  • Avoiding Global Objects
  • Objects Related Design Patterns:
  • Namespace
  • Private methods
  • Prototypical
  • Inheritance
  • Deployment and Loading optimization strategies


Module 3: jQuery

  • jQuery Library Introduction
  • jQuery basics – document ready, callback functions
  • jQuery structure and components
  • jQuery Selectors
  • Traversing document elements
  • Modifying CSS attributes
  • Binding and unbinding events
  • Using jQuery’s AJAX Features
  • jQuery Extensions (Plugins)
  • jQuery UI plugin library
  • Writing your own custom jQuery plugins


Module 4: AJAX

  • Why do we need it?
  • XMLHttpRequest
  • $.ajax
  • AJAX Threading Model
  • JSON
  • The same origin policy
  • CORS

Module 5: HTML 5

  • History API
  • Offline Web Application
  • Local Storage
  • Indexed DB
  • Canvas
  • Web workers
  • Web sockets
  • File API
  • Validation
  • New Form/Input elements
  • Videos and Audio elements
  • Drag and Drop
  • Geolocation
  • XMLHttpRequest 2


Module 6: CSS 3

  • New selectors
  • box-sizing
  • Shadow
  • Border
  • HSL
  • Column layout
  • Element resize
  • Gradient
  • Font Face
  • Media Queries
  • Transformations
  • Transitions


Module 7: Introduction to Angular (If time permits)

  • Hello World
  • Controller
  • $scope
  • Module
  • Directive
  • Service
  • Routing