The tutorial is divided into 3 parts-
Introduction: This section covers setting up the environment with editors and using developer tools to see errors, run commands and examine variables.
Fundamentals: Script building fundamentals are covered in depth in this section. It includes code structure, syntax, variables, operators, data types, functions and so on
Advanced Features: Using OOPs methodology, error handling, debugging and understanding the usage of complex functions is detailed in this section.
This section of the tutorial emphasizes on managing the browser page elements. It covers in depth about DOM with its latest features, event handling, forms and controls.
These are additional topics with enhanced features like Animation, frames and windows, network requests (AJAX and Comet) that could be used.
This course is in ES6. You can also buy the pdf version of the course by clicking the icon on the top right corner of the page.
Section 1 (Videos 1 to 6) – Has a an overview of p5.js followed by writing code that covers the basics of coordinates systems, shapes, and drawing in p5.js. It also covers how color works, how to take a look at the p5.js console and error messages and how to comment your code.
Section 2 (Videos 7 to 11) – Has an introduction to variables, functions and objects, how to use the setup(), draw(), map() and random() functions is also covered.
Section 3 (Videos 12 to 15) – Covers an introduction to Boolean expressions and conditional logic in programming with an example.
Section 4 (Videos 16 and 17) - Covers all about for loops, while loops and nested loops.
Section 5 (Videos 18 to 20)- Covers all about functions. How to define your own function, with arguments and return values is detailed out here.
Section 7 (Videos 25 to 34) – This final series of videos covers all about arrays, object communication with examples, how to upload media files, load and upload images.
Video 1, 2, 8 – You will learn how to use a ‘for loop’ to list out the names in an array and how to use the ‘for …in’ loop for listing out properties with their values in objects. In video 8, you will learn to use the ‘for...of’ loop that quickly targets the value of an Object or an Array without having to use dot notation or the square bracket syntax. Video 3 – You will learn how to use While and Do…while loops. Video 4 – You will learn how to use nested loops to access all the elements and properties inside multi-dimensional Arrays and Objects. Video 5 – Explains the usage of ‘forEach’ polyfill which is now extended to Nodelists by different browsers. In this video you will learn to create the polyfill for backward compatibility to help you run forEach loops on NodeLists in older browsers.
The map() method explained in video 11, is similar to the forEach() method however it generates a new array based on the actions.
Video 9,10, 12 – Explains all about iterators, enumerables, generators and to create custom object iterators using ‘for …of’ loops.
The core features covered are:
Observables & Observers
By the end of the course you will be able to develop your own applications with ReactiveX approach using RxJS.