Frontend & Full Stack Development Course Outline

HTML5

• Laying Out a Page with HTML5
• Page Structure
• New HTML5 Structural Tags
• Page Simplification

Apache Server

• HTTP & HTTP/2
• Download and Installation
• Directory Structure & Important Files
• Deploying Web Pages
• Accessing Pages from Browser

Semantic Tags

• section and article Tags
• Outlining & Accessibility
• aside, details, summary
• nav, header, footer

HTML Tables

• table, thead
• tbody, caption

HTML5 Forms

• Modernizr
• New Input Types (search, tel, url, email)
• Date & Time Inputs
• Number, Range, Color
• min, max, step Attributes

CSS3

• Box Model & Browser Support
• Selectors & Pseudo Classes
• Fonts & @font-face
• Colors, Gradients & Backgrounds
• Borders, Shadows & Effects
• Positioning, Float, Flex Basics
• Media Queries & Responsive Design
• Responsive Patterns & Layouts
• CSS Best Practices & Performance

JavaScript

• Introduction & Script Tag
• Variables, Data Types & Operators
• Conditionals & Loops
• Functions & Scope
• Objects & Arrays
• Events & DOM Manipulation
• Closures & Advanced Concepts
• Object-Oriented JavaScript

TypeScript

• Type System & Interfaces
• Classes & Inheritance
• Modules & Compilation
• Building Applications with TypeScript

Angular

• SPA Lifecycle
• Components & Routing
• Forms (Template & Reactive)
• Services & Guards
• Testing with Karma

Node.js

• Node Fundamentals & NPM
• Core Modules (FS, OS, HTTP)
• Events & Streams
• WebSockets & Socket.IO
• Database Communication (NoSQL)

ReactJS

• Introduction & JSX
• Components, Props & State
• Lifecycle & Hooks
• Forms & Routing
• Context & Refs
• Optimization & Best Practices

GraphQL

• Introduction to GraphQL
• Schema & Resolvers
• Queries & Mutations
• Consuming GraphQL with Axios
• Integration with Redux