Learn CSS Media Queries (mobile-first vs desktop-first) through practical tasks

In this tutorial, we will learn by solving different practical task according to 4 topics

Media queries

Build Responsive Homepage with HTML and CSS

Collab Thumbnail

Responsive Homepage - Collab.

Web Developer Roadmap 2021

In this video, I am going to tell you what exactly I would do if I had to start to learn web development in 2021.

roadmap

Learn HTML basics in 15 minutes for Absolute Beginners | HTML Tutorial (2021)

If you want to build a website, the first language that you need to learn is HTML.  In this video, we are going through the basics of HTML and we are going to build a basic website using only HTML.

HTML thumbnail

HTML for beginners

VS Code Intro & Setup in 7 minutes | Web Dev 2021

In this video, I am going to walk you through how to get started and set up visual studio code for web developers.

VS code thumb

VS Code Introduction And Setup

Build Registration Form with HTML and CSS

Behold Thumbnail

Registration Form

Create a reusable Grid component with React + TypeScript

React Grid Component

Grid component with React + TypeScript

Learn CSS basics by Building a card component in 19 minutes | CSS tutorial 2021

In this tutorial, we are going to learn CSS basics by building a card component.

CSS basics

CSS for beginners

Full Project-based Tutorial - React + Next.js

World Rank Thumbnail

World Rank - Full Application with React + Next.js

Learn CSS Selectors by Building Alert Components 2021 in 21 minutes 

One of the most important building blocks of CSS is CSS selectors. There are multiple ways to select elements in CSS.

CSS Selector

CSS Selectors

Build a Responsive Website from Scratch | HTML, CSS Tutorial

In this tutorial, we are going to build a modern and professional website using HTML, CSS, and a bit of JavaScript.

Highmos Thumbnails

Highmos - Responsive Website

Understand CSS Box Model in 14 minutes with 4 tasks | CSS Tutorial

Box Model is one of the most important concepts in CSS, but sometimes people overlook it. In this tutorial, we will take a close look at Box Mode

CSS box model

Learn CSS Units (px, %, vw, vh, rem, em, ch) by styling a Website in 18 minutes

In this video, we are going to learn the most common CSS Units by solving different tasks and styling a website.

CSS unit

CSS units

Learn CSS Position (relative, absolute, fixed, sticky, float) with 5 practical tasks - CSS tutorial

In this tutorial, you will learn CSS position by solving 5 practical tasks

CSS Position

CSS position

Flexbox Thumnail

Flexbox

CSS grid thumbnail

CSS Grid

Promise, Asycn/Await

Promise, Async/Await

Animate a Website using CSS (transition, transform, keyframes, animation) | CSS Tutorial

In this tutorial, we will animate a website by solving 5 tasks

CSS animation

JavaScript for beginners

Sass for beginners

Node.js & Express for beginners

HTML forms

JavaScript Debugging

Command Line for beginners

React for beginners

Firebase

Primitives

Git for beginners

State Management in React

Objects

Forms in React

Array, Array methods

Material UI

 Destructuring assignment

React and TypeScript

Next.js

JavaScript Classes

CSS variables

JavaScript Error Handling

JavaScript Modules

Browser: Document

Browser: Events

JavaScript Forms

Fetch API

Storing data in browser

Regular expressions

JavaScript tips and tricks

TypeScript for beginners

Learn CSS Media Queries (mobile-first vs desktop-first) through practical tasks

Resources

Stay Updated