FULL STACK COURSE CONTENT

Module 1 – HTML

Introduction to Web and Basic HTML Tags

· Pieces that make the web work

· Introduction to front-end
· Basic structure of an HTML page
· Attributes, elements and relationships
· Comments
· Basic tags – Paragraph, headings, hr, br
· Basic attributes – ID and class
· Anchor tags
· Including CSS
· Including JS

Structuring Content Using HTML Tags

· Classification of elements – Block and in line

· Container tags – Div and span, and when to use them
· Semantic tags
· Including media – Images, audio and video
· Responsive media
· Lists – Ordered and unordered list
· Unstyled lists and list-based menus
· Presenting tabular data
· Styling tables

Working with Forms

· Introduction to forms
· What happens when a form is submitted
· Pieces of a simple form – Form, text input with name attribute, submit button
· Submitting data to another page (action attribute)
· Responsive media
· Changing the HTTP method used for submission (method attribute)
· Adding a label
· Default value for inputs
· Types of buttons
· Various input types – Password, textarea, checkbox, radio buttons, select dropdown, file
input
· HTML5 input types – Email, URL, number, date
· HTML5 input and form attributes – Required, placeholder, novalidate

Deeper Understanding of Client-Server Communication

· Symbols in HTML
· HTTP Basics
· Introduction to chrome dev tools – The network tab
· Understanding parts of a URL
· Further exploration

Module 2 – CSS

Introduction to CSS, CSS Inheritance and Various Selectors

· Including CSS
· Choosing the way to include CSS
· User-agent styles
· Parts of a CSS rule
· Selectors – Universal, ID, class, type, attribute
· Pseudo classes – Link-related classes
· Structural Pseudo classes – :first-letter, :first-line, :first-child, :last-child, :nth-child
· Combinators – No spaces, child selector, descendant selector, combining slectors using
comma
· Inheritance – Initial and inherit values

The Cascade, Specificity and Style Resolution

· Cascade – User-agent vs author styles

· Reset stylesheet
· Normalize Stylesheet
· Cascade of embedded styles, external stylesheets, inline styles
· Introduction to specificity – how selectors affects styles applied
· Specificity – ID vs class vs type selector
· Specificity calculation and style resolution in case of complex selectors
· Use of! Important
· Units for CSS properties – United and unitless, absolute vs relative
· Default values for properties (initial values)
· Computed and resolved styles

Important CSS Properties

· Box model in depth

· Various ways of specifying colors
· Background properties
· Using background properties with image sprites
· Typography related properties
· Handling overflow
· Hiding elements
· Floats

Deeper Understanding of Client-Server Communication

· Introduction to responsive web design (RWD)

· Fluid layouts
· Fluid images
· Media queries
· Further exploration

Module 3 – JavaScript

Introduction, Variables, Scopes & Data Types

· History of JavaScript
· Setting up the environment
· Running JavaScript in the browser and Node
· Comments
· Variables and primitive data types
· Falsy and truthy values
· Variable scopes, scope chain
· Using arrays
· The type of operator

Operators, Control Flow & Functions

· Variable hoisting
· Operators and expressions
· Control flow – Branching and looping
· Function declaration and usage
· Anonymous function and function expression
· IIFE
· Function hoisting
· Functions call context (this keyword)
· Handling variable number of arguments
· Callbacks – passing functions as arguments

Functions (Continued) & Objects

· Returning functions
· Closures
· Object declaration using literal syntax
· Accessing properties and methods
· Adding and deleting properties
· Listing object properties – for..in loop and object.keys()
· Constructor function and the new keyword
· Function – functions as objects
· call(), apply() and bind() as methods of functions

Built-in Objects and Functions

· Array methods
· Date methods
· JSON
· Number methods
· String methods

Exception Handling & Browser Objects

· Strict mode execution

· Error objects
· Exception handling
· Window
· Navigator
· Location
· History

DOM and Event Handling

· The document object

· Nodes and the DOM tree
· Node relationships and DOM tree traversal
· Methods for DOM manipulation
· Various browser events
· Different ways to handle events
· Event object properties and methods

Introduction to ES6

· Introduction, setting up, running ES6 code, JS transpilers

· Scope, let & const
· Template literals, default parameters
· Destructuring arrays & objects
· Rest & spread

More ES6
· Arrow functions
· Classes & inheritance
· Modules
· Promises

Module 4 – TypeScript

Basics of TypeScript

· Introduction to TypeScript
· Why TypeScript?
· Setting up TypeScript
· JavaScript vs TypeScript
· Type annotations, variable declarations, basic data types, type inference
· Advanced types, type erasure and error behavior
· Classes, constructors & methods, inheritance & polymorphism, access modifiers

Deeper Dive into TypeScript

· Interfaces, properties & methods, interfaces & classes, extending interfaces

· Namespaces, namespaces using multiple files
· Modules, import, export, namespaces vs modules
· Generics, generic functions, generic classes

Module 5 - React JS

Introduction to React & JSX

1. Origins of React
2. js Syntax
3. Overview of JSX and why you should use it
4. Getting hold of everything you need to start coding

React Components

1. React component Properties

2. Setting Properties
3. Component Lifecycle
4. Updating Components
5. Writing your first React.js component
6. Mounting Components

JSX

1. Expressions & Attributes

2. JSX Basics
3. Namespaced Components
4. Rendering HTML
5. Rendering React Components

Flux

1. Views & Controller-Views

2. Flux is not MVC!
3. Data Flow
4. Action, Dispatcher, Store & View
5. Flux Application Architecture
6. Structure

Event Handling In React

1. Key Events
2. Event Pooling
3. js Event Handlers
4. Synthetic Event

Creating A Dynamic UI In React

1. Keeping components stateless

2. Event Delegation
3. React Stateful Components
4. Auto binding

Integration with Other Libraries

1. Gulp & Browserify

2. React with jQuery
3. React & AJAX
React Server Integration & Deployment

1. https
2. npm

Module 6- Node.js

 Introduction
 Environment Setup
 Node Package Manager
 Callbacks
 Events and Event Loop
 Streams and Buffers
 Express Framework
 Introduction to MongoDB
 Connecting Node.js to Database
 Mongoose Module
 Creating Rest APIs

Modul 7- JPA, MongoDB

JPA
· Spring data overview
· Repository overview
· Spring data JPA
· Crud Repository
· Paging And Sorting Repository
· Jpa Repository
· Query methods
· Named & native queries
· Async queries
MongoDB
· NoSQL
· Key value pair
· Column family
· Graph
· Document based
· MongoDB vs RDBMS
· Install MongoDB & Compass
· Databases
· Collections
· CRUD document
· Projection
· Sort, skip & limit
· Indexing & aggregation
· Backup & restore

Module 8 - DevOps & Cloud deployment

· Jenkins
· Git
· Packaging & distributing
· Deployment on AWS

Module 9 – Interview preparation & Exams