2024 - Introduction to Modern Responsive Web Development.

Name: 2024 - Introduction to Modern Responsive Web Development.
Rating: 4.1 (23 reviews)

Introduction to Modern Responsive Web Development: HTML, CSS and JavaScript

Created byIvan Zi, Aliaksei

Last updated 3/2024

English

What you'll learn

Become a modern and confident HTML and CSS developer, no prior knowledge needed!
Modern, semantic and accessible HTML5
Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
Javascript

Course content

3 sections • 44 lectures • 40m total length

Introduction0:33
Html: Table Of Contents1:36
What is HTML and why use it?0:24
Working Environment - Codepen.io.2:32
How to use HTML tags and attributes?0:19
How to create headings, paragraphs and other?1:10
How to create links (relative and absolute URLs) to other web pages or files?1:11
How to insert images into web pages? Image attributes: src, alt, width ...0:05
How to create tables to display data in rows/columns?0:26
Create forms and collect user input. Form elements: inputs, select, other1:17
How to use HTML5 semantic elements, such as header, footer, nav, article, sectio1:22
How to use audio elements?0:24
How to use video elements?0:34

CSS: Table Of Contents2:16
What is CSS and why use it? Write and link CSS files0:44
How to select HTML elements by tag, class, id, attribute and other1:52
CSS Properties Paddings & Margins0:33
How to use CSS layout techniques, such as display, position, float, and overflow0:58
How to use CSS box model and flexbox to create flexible and responsive layouts?0:15
How to use CSS grid to create complex and grid-based layouts?0:25
CSS animation. Add motion and interactivity: keyframes, transition, transform...0:50
How to use CSS media queries to adapt web pages to different screen sizes0:18
CSS variables. var() function and custom properties, such as color, font-size0:39
How to use CSS preprocessors to extend the functionality and syntax of CSS?0:44

Javascript: Table Of Contents2:27
What is JavaScript and why use it?1:12
How to use JavaScript syntax and conventions?1:02
How to declare and assign variables in JavaScript?1:02
How to use different data types, such as string, number, boolean, null, other1:02
How to use conditional statements, such as if, else, switch, and ternary3:02
How to use loops: for, while, forEach?0:12
How to use continue statements?0:05
How to define and invoke functions in JavaScript?0:19
How to understand and use scope and closure?0:36
How to create and manipulate arrays and objects in JavaScript? Push, pop, slice2:22
How to use spread, and rest operators?0:36
How to use classes and inheritance to create and reuse objects in JavaScript?0:19
How to use static methods and properties?0:19
How to use promises and async/await to handle asynchronous operations...0:36
HTTP requests - Get VS Post methods.0:19
Most popular ways to make an HTTP request in JavaScript: Ajax, jQuery methods...1:10
SetTimeout() Global Function0:52
SetInterval() Global Function0:52
Errors Will Happen! Throw, and Try...Catch... and Finally statements.0:18

Requirements

No programming experience needed. You will learn everything you need to know

Description

Introduction to Responsive Web Development: HTML, CSS and JavaScript

Our course is designed to offer you a hands-on experience, guiding you on how to code web applications from scratch with the latest web technologies: HTML5, CSS3, and JavaScript.

This approach ensures that you understand each concept thoroughly and allows you to practice your newly acquired skills without relying on copy-pasting.

You do not need any previous knowledge of HTML, CSS, or JavaScript since we will take you through every syntax and explain each step in detail. Our course is suitable for beginners. Whether you're new to coding or looking to refresh your skills, our course is perfect for you!

We believe that learning should be enjoyable and engaging, which is why we've created an array of modern, super-cool, and captivating projects that you will develop throughout the course. Each project is created independently from scratch, and you can choose which ones to work on based on your interests.

Our course features separate videos for each technology, enabling you to learn and focus on the areas that interest you the most. For instance, if you're primarily interested in JavaScript, you can skip the HTML and CSS sections and dive right into the JavaScript videos.

Who this course is for:

Beginner front-end web developers

2024 - Introduction to Modern Responsive Web Development.

What you'll learn

Explore related topics

Course content

HTML (HyperText Markup Language)13 lectures • 12min

CSS (Cascading Style Sheets)11 lectures • 10min

JavaScript20 lectures • 19min

Requirements

Description

Who this course is for: