Overview of the course

Understanding the basics of the web: How websites work

Introduction to HTML, CSS, and JavaScript

Setting up your development environment (Text editors, browsers, etc.)

Detailed exploration of HTML tags (headings, paragraphs, links, images, lists, tables)

Understanding document structure (DOCTYPE, head, body)

Semantic HTML (header, footer, article, section, etc.)

Introduction to HTML forms (input types, labels, buttons)

Importance of semantic HTML for accessibility and SEO

Introduction to CSS (Syntax, selectors, properties)

Inline, internal, and external stylesheets

Basic styling: colors, fonts, text alignment

CSS box model (margin, border, padding, content)

Display properties (block, inline, inline-block, none)

Positioning (static, relative, absolute, fixed)

Introduction to responsive design

Media queries and breakpoints

Fluid grids, flexible images, and viewport settings

Introduction to JavaScript (Syntax, variables, data types)

Basic operators and expressions

Functions and event handling

Understanding the Document Object Model (DOM)

Selecting and manipulating DOM elements (getElementById, querySelector, etc.)

Handling user events (click, input, etc.)

Introduction to CSS manipulation using JavaScript

Creating dynamic styles and animations

Introduction to JavaScript libraries (e.g., jQuery)

Overview of backend technologies (server, database, APIs)

Introduction to basic server-side scripting (e.g., PHP, Node.js)

Connecting front-end to backend (forms, data processing)

Project requirements and expectations

Wireframing and project planning

Setting up the project structure

Project development and implementation

Peer review and feedback

Final touch-ups and deployment planning

Student presentations

Peer and instructor feedback

Review of core concepts (HTML, CSS, JavaScript)

Introduction to advanced topics (frameworks, advanced backend, etc.)