Starting with JS
  • Introduction
  • IDE selection
  • Projects of the course overview
  • How you should use take this course
ES5: Learning the basics
  • Run JS: Inline or by import
  • Variables
  • Variable Types
  • If statements
  • Switch
  • Operators
  • Operators continued.
  • The "for" loop
  • More on the "for" loop
  • While loop
  • Functions
  • More on functions
  • Exercise one
  • Exercise two
  • Exercise three
  • Exercise four
Master of the DOM
  • The DOM and the document
  • More on the DOM
  • Selecting elements
  • Create and insert
  • Remove elements
  • Events
  • Propagation
ES5: Arrays and functions
  • Creating and modifying arrays
  • Splice, index of and slice
  • Concat and Join
  • Map, foreach and filter
  • IIF
  • Build in functions
  • SetTimeout, clear and set intervals
  • Math built in functions
ES5: Objects and Requests
  • Using objects
  • The this keyword
  • Proptypes
  • The Constructor
  • The constructor continued
  • Finishing with the constructor
  • Making requests
ES5: Practice project one
  • Creating the markup
  • Creating the cards
  • Adding cards
  • Adding cards continued
  • Deleting cards
ES5: Practice project 2
  • Creating the markup
  • Adding applicants
  • Adding applicants 2
  • Showing names
  • Deleting names
  • Getting the looser
  • Finishing project
ES5: Practice project 3
  • Creating the markup
  • Making the requests
  • Showing the bocks
JQUERY
  • What is JQUERY
  • Loading JQUERY
  • Selecting elements, classes and ID's
  • Selecting other elements
  • Childrens
  • Parents, prev and next
  • The EQ helper
  • First, Last, Filter and Not
  • Append, prepend, after and before
  • Replacing and removing
  • Accessing element data
  • Working with classes
  • Working with styles
  • Data attributes
  • Events
  • Mouse events
  • keyboard events
  • Other events
  • Form events
  • Transitions: show, hide and toggle
  • Fading transitions
  • Slide transitions
  • Animating
  • Animating continued..
  • Stop animations
  • Timing animations
  • Ajax Load
  • Ajax get and post
JQUERY: Practice widget - tabs
  • Creating the markup
  • Creating the JS
JQUERY: Practice widget - Slider
  • Intro and markup
  • Creating the main functions and the prev