Courses Description

HTML5, CSS3 and JAVASCRIPT are the programming languages that power the web. The two function together to form the backbone of the web. Web Development is one of the 10 hottest tech skills and it is no surprise that more than half of all jobs in the top income quartile show significant demand for coding skills, of which HTML5, CSS3 and JAVASCRIPT are the most versatile skillsets.

Course content

• Understanding HTML5 Markup
  • HTML5 Page Structure
  • HTML5 DOCTYPE
  • HTML5 markup structural elements
  • Semantic elements
• HTML5 Forms

  An HTML form is used to collect user input. The user input is most often sent to a server for processing.

  • HTML Forms
  • Functional Forms
  • New Form Attributes and Functions
  • Placeholder
  • Autocomplete Attribute
  • Autofocus Attribute
  • List Attribute and datalist Element
  • Min and Max attributes
  • ValueAsNumber attribute
  • Required Attribute
  • Checking Forms with Validation
  • Validation Feedback
• HTML5 Audio & Vedio

  By the end of this module you will learn how to make use of new HTML5 multimedia audio and video elements.

  • The Audio and Video Elements
  • Understanding Audio and Video
  • Working with Audio and Video Containers
  • Understanding Audio and Video Codecs
• HTML5 Canvas & SVG

  CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. Discover Cascading Style Sheets and its role in visually styling HTML documents. Learn about the use of CSS selectors to target HTML elements, creating external stylesheets for use across multiple pages, and the lowdown on overriding styles. You’ll work with CSS properties and rulesets including units for position and size, the ever-important box model, and its features and pseudo-classes.

  • Using the Style element
  • Colors
  • Classes and ID's
  • Relative vs. Absolute
  • The CSS box model
  • Using external stylesheets
  • Overriding CSS Styles
  • Common CSS Properties
  • CSS Pseudo-classes
  • More CSS Properties
• CSS3 Overview
  • Introducing CSS3
  • CSS3 Colors, Gradients and Multiple Backgrounds
  • Rounded Corners and Border-Radius
  • CSS3 Transforms
  • Transitions
  • Animations & 2D Transformations
  • Web Fonts with @font-face
• JS Introduction

  this module you will gain insight about JS features and its support across browsers.

  • What is JavaScript?
  • Why JavaScript?
  • Advantages and Limitations
  • JS Versions
  • Browser compatibility
  • Explore JS syntax
  • Using console
  • JS comments
  • Variables and Data types
  • Debugging using chrome developer tools
• Operators
  • Assignment operators
  • Comparison operators
  • Arithmetic operators
  • Bitwise operators
  • Logical operators
  • String operators
  • Conditional (ternary) operator
  • Comma operator
  • Unary operators
  • Relational operators
• Conditions

  In this module you will learn about how to use conditionals in JS.

  • if
  • if..else
  • if..elseif
  • switch
• Loops

  In this module you will learn about how to use iterative statements and learn the differences between them.

  • for statement
  • do..while statement
  • while statement
  • break statement
  • continue statement
  • for..in statement
  • for..of statement (ES6)
• Functions

  Create named functions, anonymous functions, function expressions, use call, apply and bind to change the context. Create closures to simulate private variables.

  • Define functions
  • Parameters
  • Named, Anonymous and function expressions
  • Function invocation
  • Closures
  • Call, apply and bind
  • Callbacks
• Strings & Dates
  • Assignment operators
  • Comparison operators
  • Arithmetic operators
  • Bitwise operators
  • Logical operators
  • String operators
  • Conditional (ternary) operator
  • Comma operator
  • Unary operators
  • Relational operators
• Array
  • What is an array?
  • CRUD operations with array
  • Most commonly used array methods
• Error Handling in Javascript
  • Try..catch
  • Types of Errors
• HTML DOM
  • What is DOM?
  • Why DOM?
  • Understand Document object
  • CRUD with DOM
  • Traversing DOM
  • Built in & custom Events
• Working With form in JavaScript
  • Setting and Getting values from form elements
  • Validating forms
  • Understand Document object
• Introduction Babel
  • In this module you will understand the significance of babel and popular presets.
• Variables and Scooping
  • Let & const
  • Temporal Dead Zone
• Template Strings
  • Introduction
  • Tagged Template Literals
• Destructuring
  • Introduction
  • Array Destructuring
  • Object Destructuring
• Spread and Rest Operators
  • Create a function that takes variable number of arguments using rest operator.
  • Create a function that merges arrays and objects using spread operators.
• Function Improvements
  • Arrow functions.
  • Default Arguments.
• Object literal Improvements
  • Short hand properties and methods.
  • Computed Keys.
• Classes
  • Introduction.
  • Creating classes.
  • Inheritance.
• Modules
  • Introduction.
  • Different module formats.
  • SystemJS module loader.
• Maps and Sets
  • Map and Weak Maps
  • Sets and Weak Sets
  • SystemJS module loader
• Asynchronous programming
  • Background
  • Callbacks
  • Promises for asynchronous programming
  • Generators (ES6)
  • Async / await (ES7)
• Symbols
  • Create symbols.
• JSON
  • What is JSON?
  • Why JSON?
  • Data Types?
  • Parse and Stringify JSON
  • Objects and Arrays in JSON
• Remote communication in JS
  • Understanding AJAX programming
  • Working with XMLHttpRequest
  • Working in fetch
• Browser DOM
  • Window Object
  • History Object
  • Navigator Object
  • Cookies