Onboarding Session Fundamentals of Web Development

Setting up the development environment
IP addresses
Browsers
DNS
Servers and Cloud
Dedicated and Shared Hosting
Uploading a web page

Fundamentals of UX/UI for Developers

Introduction to UX & UI
Multi-screen & Responsive Challenges
UX/UI and development
Information Architecture
Design Patterns & Components
Wireframing & Prototyping
Assets for development

Agile Project Management Methodologies: Scrum

Projects vs. Operations
Lean
Agile Manifesto
Product
Minimum Viable Product
Waterfall vs. Agile
What is Agile Project Management?
Kanban
- Values
- Fundamental Principles
- Describing Flow Systems
- General Practices
Scrum
- Pillars and Values
- Phases
- Roles
- Events
- Artifacts

GIT Workshop

Installation and configuration of a GIT Server
Installation of GIT Client
Create a team
Create a project
Configure the repository
Create a branch from master
Commit
Revert
Merge
Deploy

HTML5

HTML Page Structure
Elements and Attributes
Text Elements
Lists
Hyperlinks
Images
Tables
Forms
Multimedia Elements
Structural Elements of HTML5

CSS3

The Evolution of CSS
Using CSS in Web pages
CSS Selectors
Units
Working with colors
Vendor prefixes
Text formatting
Typography
Backgrounds and gradients
Borders and shadows
Box model
Page layout
New layout methods in CSS3
Properties for tables and forms
Creating navigation elements
CSS sprites and interactive elements
Transforms, transitions, and animations
Front-end frameworks – Bootstrap

SASS Workshop

Preprocessing
Variables
Nesting
Partials
Modules
Mixins
Extend & Inheritance
Operators

Responsive Web Design Workshop

Basic principles of responsive design
Responsive websites vs. Mobile websites vs. Mobile apps
Introduction to the development process
Basic principles of HTML5 + CSS3
Media queries
Fix and fluid Layouts
Adaptive and responsive web design
Responsive design
Frameworks

Fundamentals of Programming

Algorithm
Computational algorithms
Flowcharts
Pseudocode

JavaScript

Introduction, history, and evolution of multiple language standards
Concept of variables and data types in a programming language (Variables, constants,...)
Concepts / Basic Instructions in JavaScript
- Expressions
- Comments
- Variables and constants
- Operators
Primitive data types in JavaScript
- Numbers, Strings, Boolean, null, undefined
Decision and repetition structures in JavaScript
- Decision structures in the flow control of a program: (If, if/else, switch)
- Repetition structures: (For, While, Do/While)
Complex data types, Arrays, Objects, Functions, and Built-In Objects
- Using Arrays
- Creation of Objects, properties, and methods
- Function concept, functions with parameters
- Anonymous functions and IIFE (Immediately Invoked Function Expression)
- Constructor functions for Objects
- Concept of a variable’s scope, local and global variables, differences in ES6 with let and const
- Built-In Objects in JS
Object-Oriented, Imperative, and Functional Programming and how to use them in JavaScript
Browser Object Model (BOM)
Document Object Model (DOM)
Global Objects (Number, String, Boolean, Undefined, Null, Object, Math, Date, …)
Concept and manipulation of the DOM (Document Object Model) in a web application
- How the browser interprets HTML and creates a DOM Object representing the elements of a page
- Types of DOM (Document, Element, Attributes, and TextNodes) elements (Nodes)
- Process and concept of DOM manipulation
- Methods for selecting an element (node) or a collection of elements (nodelist) from the DOM (Live and static methods)
- Properties and methods for traversing the DOM
- Changing content of DOM elements
- Inserting, moving, or deleting DOM elements
- Manipulating attributes of DOM elements
- Working with Events in JavaScript
Concept of interactivity with Events in JS
Categories (types) of Events in JS
Definition of Events in JS (HTML event handlers, Event Handlers, DOM Event Listeners)
Concept of Event Flow and its phases in JS (Capturing, targeting, and bubbling)
Concept of Event Object in JS
Event Delegation in JS
Introduction to the ES6 specification
Evolution of the JavaScript standard and new specifications: ES6, ES7, and ES8
Using Transpilers like BabelJS for compiling ES6 into standard Vanilla JavaScript (ES5)
Variables and parameters in ES6 (let and const, Destructuring, Default Parameters, Classes, Rest and Spread operators, multiline and template strings,...)
Arrow functions, Iterators, and other Functional programming concepts
New methods of manipulating Arrays and Objects (map, reduce, Object.Assign(), ...)
AJAX and JSON with Javascript (ES6)
- Concept of Ajax with JS (requests and responses)
- Data types in asynchronous communication with the server
- Concept of Promises (ES6)
- Using the Fetch API for asynchronous calls.
- Error handling in JavaScript
- Filtering, sorting, and searching in a data structure in JS
- Introduction and use of some HTML5 APIs (LocalStorage, SessionStorage, Geolocation, ...)

Front-End Frameworks: React

Build Workflow
Components
JSX
JSX Restrictions
State
Handling Events
Two Way Binding
Lists, keys & mapping
Components Lifecycle
React Hooks
Ajax in React
Forms and Form Validation
Redux
Redux Advanced
Deploying React project

Pitstop Front-End Project

Frontend frameworks – Angular