Java Script Full Stack Experts

Basic Java Script

• Introduction
• types
• Flow-control
• Functions
• Arrays
• Objects – basics
• Error handling
• DOM & BOM – introduction
• Event handling
• Closures
• Ajax

JavaScript - Straight the line

Optional

Advanced Java Script

• Typeof operator
• Undeclared vs. Uninitialized variable
• Implicit Variable declaration
• No integral data type
• String is immutable
• Undefined value
• Strict vs. Abstract comparison
• Logical Operator
• Array is dynamic
• Don’t mix object with array
• Where to declare variables inside function?
• Function overloading
• Function is an object
• Function.apply vs. Function.call
• Function creates scope
• Closure
• Self-executing function

JavaScript Pitfalls

• Module Pattern
• From Module to Class
• Function as Constructor
• Prototype
• Inheritance
• Namespace
• Objects and DOM
• me, self and that

Object Oriented JavaScript

• Strict Mode
• Object.create
• Getters and Setters
• Reflection
• let
• Class
• Module
• Iterator
• Generator
• Arrow function
• Binary data
• Collections
• Proxy
• Promise

ECMA Script 5.0 & 6.0

• 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 plugin

jQuery

• Why do we need it?
• XMLHttpRequest
• $.ajax
• AJAX Threading Model
• JSON
• JSONP

AJAX

Advanced CSS

• Introduction
• Grid and layouts
• Fast prototyping
• Interactivity with Java Script Components

Foundation

• Obtaining and Using Bootstrap
• Bootstrap Grid System
• CSS Techniques with Bootstrap
• Typography - fonts and icons
• Tables
• Forms

Bootstrap

• Nested Selectors
• Parent References
• Properties
• Processing SASS
• Examining Output
• SASS Variables
• Using SASS to strip the unavoidable repetition from your CSS
• Creating and Referencing SASS Variables
• Variable scope usable SASS programing with Mixin
• CSS Rules and Mixin
• Mixin parameters

Introduction to SaSS

REST Web Services

• Introduction
• RPC
• HTTP Based Integration
• REST API
• RESTful
• Relevance for SPA and future internet clients

REST

React.js

• Github links for React libraries
• Environment setup
• Project setup
• Basic concepts and terms
• Most basic components
• The virtual DOM
• Introduction to React.js event model

Introduction to React.js

• Basic components
• Components structure
• Passing properties
• Managing component state
• Using references
• Pure components

React components

• FLUX architecture
• Introduction to Redux
  • Redux actions
  • Redux reducers
  • Redux store
  • Redux middleware
• Combined with React
  • Use store with React
  • Using reducers and actions to manage component state

Redux & React

• React router
• Single routes
• Multiple routes

React routing

• Async Actions
• Logging
• Crash reporting

Advanced Redux - Middleware

• Project structure
• Some selected open-source supportive libraries
• Best practices

Advanced React

Node.js & Express

• What is Node and what is it not
• Node.js Features
• Our first Node.js script: Hello World
• Hello Server: Building a web server in Node.js
• Debugging node applications

Introduction to Node.js

• Pulling in other libraries
• Building custom libraries
• Asynchronicity and callbacks
• Blocking vs. non-blocking I/O
• Working within the event loop

Building your Stack   

• Writing Modular JavaScript with Node.js
• Core Modules
• Installing Packages
• Publishing packages

Modular JavaScript with Node.js

• Introducing the Async problem
• Async.js Library to the rescue
• Collections
• Flow Controllers

Avoiding common pitfalls with Async.js

• Sync and Async operations
• Files manipulations
• Folder manipulations
• Putting the file-system module together Async.js

Working with the file system

• Installing MySQL node package
• Simple db connection
• CRUD example
• Putting together Async with MySQL operations

Data Access 01 – MySQL

• The built-in REPL
• Custom REPL
• Using external libraries
• Receive command-line arguments
• Build command-line tools

Command-line interfaces

• Introduction to unit testing
• Testing with Mocha and Should
• Suits, specs & Reporters
• Testing Synchronous code
• Testing Asynchronous code

Unit-Testing Node Applications

• Introduction to Express, installation and basic setup
• Application configuration
• Routing
• Views and Templating options
• Persistence with Cookies, In-Memory Sessions and session-stores.
• Authenticating users with passport local
• Social Auth with Passport.js

Building Web applications with the Express Framework

• Tooling up – installing mongo, clients and drivers.
• Mongoose Schemas
• CRUD operations
• Single Page Applications with Express, Mongoose and React.js

Data Access 02 – mongo DB

• Introduction to real-time applications
• Listen & emit
• Readable streams – streaming chunked data
• Piping Readable streams to Writable streams
• Sockets on the Server and the Client
• Build a chat application

Real-time communication

• Understanding Reactive Programing
• Working with the RxJS library
• Working with data Observables
• Promises vs. Observables
• Implementing custom services

Services, Observers and the RxJS library