Full Stack Web Development Bootcamp @September2017

Description

This repository contains the presentation used in the Full Stack Web Development Bootcamp (6th promotion) with the syllabus i created for SkylabCoders Academy and imparted for 11 weeks from 18th September to 1st December in 2017.

Other training programs created & imparted for Skylab Coders Academy:

• 1st promotion (9 weeks, Jul-Sept 2016)
• 2nd Promotion (9 weeks, Oct-Dec 2016)
• 3rd Promotion (9 weeks, Jan-Mar 2017)
• 4th Promotion (10 weeks, Apr-Jun 2017)
• 5th Promotion (10 weeks, Jul-Sept 2017)

Training Goals

Learn and practice all basic knowledge so the students at the end of the stream are able to:

• Create semantic markup (HTML5)
• Apply designs and effects to sites/apps (CSS3)
• Create and apply responsive designs (Mobile -> Tablet -> Desktop)
• Add logic and behaviour (Javascript) to sites/apps
• Daily use of version control tools & services (Git & GitHub)
• Understand and use popular tools to speed up developments (Bootstrap, jQuery)
• Use frameworks in the frontend (like React) to create and structure SPA's
• Understand Web Design and Frontend concepts, tools, workflows and architectures.
• Modern JS (ES2015, ES2016, ES2017...)
• Create Web Servers w/ JS (Express) to serve HTML/files
• Mange I/O system in the server (Node)
• Manage request & response from the server
• Create Authentication systems (Sessions & JWT)
• Persist and query data on the server side (MongoDB & Mongoose)

Contents

Frontend

• Basic Tools (Sublime, Git, Github, Markdown, Command Line Tools)
• HTML5
  • Semantic Web
  • Media (Video & Audio)
  • Forms
• CSS3
  • Basics
  • Selectors & Specificity
  • Box Model
  • Layouts, Positioning
  • Responsive Design (Media Queries)
  • Flexbox
  • Transitions and transforms
• Useful Frameworks: Bootstrap
• Javascript Basics
  • Values, Types and Operators
  • Program structure
  • Functions
  • Data Structures: Objects and Arrays
• Javascript Advanced
  • TDD
  • Inheritance
  • Higher-order Functions, Regular Expressions, ...
• Javascript in the browser
  • DOM
  • Events
  • Canvas, Forms, ...
• Useful Libraries for general purposes: jQuery.js
  • Selecting Elements
  • Manipulating Elements
  • Traversing
  • $.each vs .each()
  • Events
• JSON & AJAX
• ES2015
  • Arrow Functions =>
  • Block Scope let y const
  • Template Strings
  • Object Literals
  • Destructuring
  • Default Parameters =
  • Rest & Spread operators ...
  • Set & Map
  • Classes
  • Modules
  • Promises
  • new Array, Strings methods & more...
• Useful Frameworks for creating SPA's: React.js
  • JSX
  • Components
  • Events
  • state & props
  • React Router
  • Lifecycle methods
  • Stateful & Stateless Components

Backend

• Node.js
  • Modules w/ CommonJS
  • npm & package.json
  • Node Modules w/ & w/o require
  • EventEmitter
  • Streams
• Express
  • Routing
  • Middlewares
  • Template Engines (pug)
  • app, req & res
  • cookies & sessions
  • Restful API
  • Authentication (Session & JSON Web Token)
• MongoDB
  • Collections & Documents
  • Mongo Shell
  • CRUD Operations
  • Queries
  • Projections
  • Data Modeling
• Mongoose
  • Schema
  • Integration w/ Express
  • User Autentication

Materials

You can access to the presentation used in the training at the URL : https://trainings-juanmaguitar.github.io/bootcamp-september2017