Learn Html And Css Easy And Rapid

Start your Front end development career rapidly - Solve HTML and CSS problems by yourself and create any website layout.

What you'll learn

Create webpages using HTML and CSS

Convert designs from figma, invision or any other tool or even photo to HTML and CSS code

Create responsive web pages using HTML and CSS

Start your career as front end developer

Requirements

Nothing is required, only doing what's inside the course.

Description

In this course you will learn how to create HTML and CSS websites with no design, with an image design, Figma design or any other design tools and convert them to maintainable and scalable HTML and CSS code.This is an entry point for you whether you like to start and continue your career as a front end developer, back end developer or full stack developer. You'll always need to work with HTML and CSS for your products and projects and learning how it shapes your websites and projects, the ins and outs of it, is vital. Here we aimed to show you real world situations, where you might make mistakes and how to think and approach your projects and solve it by your own.Also you will get up and running rapidly with HTML, CSS, Responsive Design coding and their tags and properties.We will both write the code and go over the fundamentals and theory parts of HTML and CSS, in a way that is not boring. So basically we will create a project and then learn new CSS properties and HTML tags and use them in our projects again.The main goal is, you become an HTML and CSS developer as soon as possible without making things complex and unnecessary worries. Let's get started and write the code and create websites rapidly.

Overview

Section 1: Introduction

Lecture 1 What is front end and backend?

Lecture 2 Your code editor - VS Code

Lecture 3 Your first simple html page

Lecture 4 Your first simple css page

Lecture 5 What are HTML tags?

Lecture 6 More on HTML tags and live server extension

Lecture 7 What is CSS?

Section 2: Project 1

Lecture 8 Project task and its solution

Lecture 9 Code review

Lecture 10 Adding images and links

Lecture 11 Employer's new task

Lecture 12 Headings and CSS rules

Lecture 13 Creating Header section

Lecture 14 Code review

Lecture 15 Adding links, classes and IDs

Lecture 16 Creating Footer

Lecture 17 Code review

Lecture 18 Adding Logo

Lecture 19 Creating a grid gallery

Lecture 20 Code review

Section 3: Flexbox layout and selectors

Lecture 21 CSS Flexbox layout

Lecture 22 CSS Selectors

Section 4: Project 2

Lecture 23 Project intro

Lecture 24 Project HTML

Lecture 25 Project CSS 1

Lecture 26 Project CSS 2

Lecture 27 Project CSS 3

Section 5: Form, Grid Layout, Transition

Lecture 28 CSS Transition and Transform

Lecture 29 HTML Form Elements

Lecture 30 CSS Grid Layout

Lecture 31 CSS Grid Layout - fix

Section 6: Project 3

Lecture 32 Project Intro

Lecture 33 Project HTML

Lecture 34 Project CSS 1

Lecture 35 Project CSS 2

Lecture 36 Project CSS 3

Lecture 37 Project CSS 4 - Responsive design

Section 7: Background, Filter, Animation

Lecture 38 Background and Gradient

Lecture 39 Filter

Lecture 40 Animation

Section 8: Project 4

Lecture 41 Project Intro

Lecture 42 Project HTML

Lecture 43 Project CSS 1

Lecture 44 Project CSS 2

Lecture 45 Project CSS 3

Lecture 46 Project CSS 4

Lecture 47 Project CSS 5 - Responsive Design

Anyone who is interested in creating web pages using HTML and CSS without additional complexity.