Web Design & Development

HTML Document Structure

DOCTYPE, html, head, body tags / Meta tags / Favicons

HTML5 Semantics

header, nav, main, article, section, footer / Accessibility considerations

Core Elements

Text formatting (h1-h6, p, strong, em) / Links (a tag) / Images (img tag, alt text)

Structured Content

Lists (ul, ol, li) / Tables (table, tr, td, th) / Forms (form, input, label, button)

Multimedia Embedding

Audio (audio tag) / Video (video tag) / Iframes

CSS Syntax & Selectors

Inline, internal, external CSS / Class, ID, element selectors / Combinators, pseudo-classes

Box Model & Layout

Margin, padding, border / Display properties (block, inline, inline-block) / Flexbox for 1D layouts / Grid for 2D layouts

Styling Properties

Typography (font-family, font-size, line-height) / Colors (hex, rgb, hsl) / Backgrounds, borders, shadows

Responsive Design

Mobile-first approach / Media Queries (@media rules) / Viewport meta tag

Introduction to Tailwind CSS

Utility-first concept / Basic classes (text-*, bg-*, p-*, m-*) / Responsive prefixes (sm:, md:, lg:)

JS Basics

Variables (let, const, var) / Data types (string, number, boolean, object) / Operators (arithmetic, comparison, logical)

Control Flow

Conditional statements (if/else, switch) / Loops (for, while, forEach, map)

Functions

Declaration, expressions, arrow functions / Parameters and return values

DOM Manipulation

Selecting elements (getElementById, querySelector) / Changing content, attributes, styles / Creating and appending elements

Event Handling

addEventListener / Common events (click, submit, hover)

Modern JS (ES6+)

Template literals / Destructuring / Spread/Rest operators / Asynchronous JS (Promises, async/await)

Introduction to React

What is React? / Components (functional, class) / JSX syntax

React Core Concepts

State and props management / Lifecycle methods (brief) / Hooks (useState, useEffect)

API Integration

Fetching data with `fetch` API or Axios (concept) / Displaying dynamic content

Component Reusability

Building reusable UI components / Component composition

Introduction to Backend

Server-side vs. client-side / Node.js and npm basics / Express.js framework (routing, middleware)

Database Concepts

Relational vs. NoSQL databases (overview) / Basic CRUD operations (Create, Read, Update, Delete)

API Creation

Building RESTful APIs with Express.js / JSON data handling

Deployment Basics

Hosting platforms (Netlify, Vercel for frontend; Render, Heroku for backend) / Domain names and DNS

Version Control with Git

Git basics (init, add, commit, push, pull) / GitHub for collaboration

UI/UX Principles

User-Centered Design (UCD) / Usability and accessibility / Information Architecture basics / Wireframing and prototyping (concepts)

Visual Design

Color theory, typography, imagery in web design / Layout and spacing principles

Portfolio Development

Planning your portfolio / Showcasing projects effectively / Writing case studies

Career & Freelancing

Job search strategies / Interview preparation / Setting up as a freelancer