2024 – Introduction to Modern Responsive Web Development.

Course Curriculum

Chapter 1: HTML (HyperText Markup Language)

Lecture 1: Introduction

Lecture 2: Html: Table Of Contents

Lecture 3: What is HTML and why use it?

Lecture 4: Working Environment – Codepen.io.

Lecture 5: How to use HTML tags and attributes?

Lecture 6: How to create headings, paragraphs and other?

Lecture 7: How to create links (relative and absolute URLs) to other web pages or files?

Lecture 8: How to insert images into web pages? Image attributes: src, alt, width …

Lecture 9: How to create tables to display data in rows/columns?

Lecture 10: Create forms and collect user input. Form elements: inputs, select, other

Lecture 11: How to use HTML5 semantic elements, such as header, footer, nav, article, sectio

Lecture 12: How to use audio elements?

Lecture 13: How to use video elements?

Chapter 2: CSS (Cascading Style Sheets)

Lecture 1: CSS: Table Of Contents

Lecture 2: What is CSS and why use it? Write and link CSS files

Lecture 3: How to select HTML elements by tag, class, id, attribute and other

Lecture 4: CSS Properties Paddings & Margins

Lecture 5: How to use CSS layout techniques, such as display, position, float, and overflow

Lecture 6: How to use CSS box model and flexbox to create flexible and responsive layouts?

Lecture 7: How to use CSS grid to create complex and grid-based layouts?

Lecture 8: CSS animation. Add motion and interactivity: keyframes, transition, transform…

Lecture 9: How to use CSS media queries to adapt web pages to different screen sizes

Lecture 10: CSS variables. var() function and custom properties, such as color, font-size

Lecture 11: How to use CSS preprocessors to extend the functionality and syntax of CSS?

Chapter 3: JavaScript

Lecture 1: Javascript: Table Of Contents

Lecture 2: What is JavaScript and why use it?

Lecture 3: How to use JavaScript syntax and conventions?

Lecture 4: How to declare and assign variables in JavaScript?

Lecture 5: How to use different data types, such as string, number, boolean, null, other

Lecture 6: How to use conditional statements, such as if, else, switch, and ternary

Lecture 7: How to use loops: for, while, forEach?

Lecture 8: How to use continue statements?

Lecture 9: How to define and invoke functions in JavaScript?

Lecture 10: How to understand and use scope and closure?

Lecture 11: How to create and manipulate arrays and objects in JavaScript? Push, pop, slice

Lecture 12: How to use spread, and rest operators?

Lecture 13: How to use classes and inheritance to create and reuse objects in JavaScript?

Lecture 14: How to use static methods and properties?

Lecture 15: How to use promises and async/await to handle asynchronous operations…

Lecture 16: HTTP requests – Get VS Post methods.

Lecture 17: Most popular ways to make an HTTP request in JavaScript: Ajax, jQuery methods…

Lecture 18: SetTimeout() Global Function

Lecture 19: SetInterval() Global Function

Lecture 20: Errors Will Happen! Throw, and Try…Catch… and Finally statements.