Java Script Full Stack Experts

מק"ט: #4579 | משך קורס: 130 שעות אק'

These days, web based services tend to be more atomic, focused and intensively released. These characteristics forces a new generation of Web Developers that are familiar with the different wide aspects of a web software development. These aspects include 3 basic tiers (Front-end, Backend & Integration), the preferred technologies and best practices for each tier, the related configuration & basic administration and the understanding of each tier role & responsibility. This wide knowledge is what gives a developer the ability to rapidly update / change / develop feature for intensive releases – Full Stack Developer.
Java Script became a very popular solution for Full Stack Web Developers. There are several reason for it:

  • Very effective server side framework and technologies lately appeared
  • High performance of implemented web modules and web services in Java Script
  • Availability of a server-side solution since it is based on a popular client-side language
  • Mature of Client-MVC oriented frameworks
  • Rich set of libraries for any kind of view and graphics
  • Usage of Java Script in Single Page Applications
  • JSON popularity as a self-descriptive text based protocol 
לפרטים נוספים, מלא את פרטיך או התקשר 03-7100779
*שדות חובה

מטרות

  • Develop rich high strands, component based, full stack web applications.
  • Will have deep knowledge of latest JS technologies both for client and server side.

קהל יעד

Experienced developers who aim to learn the latest JS and web based technologies.

תנאי קדם

  • Experience in Web Based Technologies such as HTML, CSS
  • Rich experience with Java Script fundamentals
  • Experience with OOP
  • Understanding of HTTP and AJAX

משך

  • 130 academic hours
  • Lessons twice a week, between 17:30-21:45
  • Studies will not take place on holidays. Recent vacations panel will be distributed to students 

נושאים

 

Module Description

Module Title

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 plugins

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

 

Angular 2

 

  • Angular 2 architecture
  • How angular 2 works
  • The application
  • The model
  • The components
  • The component decorator
  • Putting it all together

Angular 2 behind the hood

 

  • NgFor
  • NgIf
  • NgSwitch
  • NgNonBindable
  • NgStyle
  • NgClass

Angular 2 Components

 

  • Forms in angular 2
  • Using controls in forms
  • Using Control Groups
  • Constructing a Form using a FormBuilder
  • Input Validations
  • Watchers
  • The NgModel

Angular 2 Forms

 

  • What is Routing
  • The need for routing
  • Routing options
  • Path Location
  • Passing parameters
  • Nested routes
  • Lazy Loading and Performance

Routing

 

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

Services, Observers and the RxJS library

 

  • The importance of a solid data model
  • Constructing your Data Models
  • Validating data in the model
  • Sharing data model with the server

Data Model

 

  • Creating views and html templates
  • Creating Directives
  • Responsive design and your template layout
  • Using themes
  • Working with Angular Material 2
  • Working with Angular Bootstrap

Views, Directives and responsive design

 

  • XHR and AJAX
  • Working with Angular 2 http
  • Basic get request
  • Using REST
  • Http and promises
  • Http api

Communicating with the server

 

  • Testing overview
  • End-to-End vs. Unit Testing
  • Jasmine testing
  • Class testing
  • Pipe testing
  • Async Service Testing
  • The Angular Test Environment
  • Component Testing
  • Testing tools 

Testing

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 Angular.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

 
תגיות