• Post category:StudyBullet-16
  • Reading time:8 mins read


Learn HTML5, CSS3 and web design by building real world websites with flexbox, grid and sass

What you will learn

You will become a modern and confident HTML and CSS developer, no prior knowledge is needed!

You will learn CSS core concepts such as the box model, positioning schemes, CSS flex, grid, and many more.

How to plan a website from sketch

You will able to build real world website

How to make websites work on every possible mobile device (responsive design)

Learn how to work with responsive images

Downloadable source code

Description

This is a perfect course for beginners, who wants to learn web design with modern HTML5, CSS3, flexbox, CSS grid as well as SASS. This course includes basic to real-world projects. So, you will be able to create any website with responsive real-world websites. This website will look great on phones, tablets, laptops, and desktops.

You can create a website independently without CSS frameworks like bootstrap and tailwind. any website with this skill. You don’t need a computer science degree or expensive software. In order to begin this course, you do not need any prior experience with computers. However, you should have basic computer operation experience.

Why should you learn HTML and CSS first?


Get Instant Notification of New Courses on our Telegram channel.


Building a website is fun and creative work. No matter what website it is, every website’s structure builds HTML and styles with CSS anyways. HTML and CSS is the entry point for web development. I will not only teach you HTML and CSS also I will teach you how to combine your skill and create a website.

This course will cover

  • HTML Fundamentals
  • CSS Fundamentals
  • CSS Flexbox
  • CSS Grid
  • Responsive design with media queries
  • Animations with Keyframes & Transitions
  • Sass project

If you go through with me, I hope you will have an excellent experience, how things work. I to code a website from scratch. You will be able to create a full and fresh hand-coded website.

English
language

Content

Introduction

01. Introduction

02. Basic Preparation

01.Basic Preparation for Windows Environment
02. Basic Preparation for MacOS Environment
03. Basic Preparation for Linux Environment

03. HTML Essential Training

01. The Beginning
02. Journey Begins
03. HTML Doctypes
04. HTML Elements
05. HTML Attributes
06. HTML Web Page Structure
07. HTML Headings
08. HTML Paragraphs
09. HTML Styles
10. HTML Text Formatting
11. HTML Quotation
12. HTML Comments
13. HTML Colors
14. HTML Styles – CSS
15. HTML Links
16. HTML Images
17. HTML Favicon
18. HTML Tables
19. HTML Lists
20. HTML Block and Inline Elements
21. HTML class Attribute
22. HTML id Attribute
23. HTML Iframes
24. HTML Forms
25. HTML Media
26. HTML JavaScript implementation
27. HTML File Paths
28. HTML Head Element
29. HTML Layout Elements
30. HTML Responsive Web Design

04. CSS3 Essential Training

01. CSS Introduction
01. CSS Introduction
03. CSS Selectors
04. How To Add CSS
05. CSS Comments
06. CSS Color & Backgrounds
07. CSS Borders
08. CSS Margins & Padding
09. CSS Height and Width
10. CSS Text
11. CSS Fonts
12. CSS Links
13. CSS Lists
14. CSS Tables
15. CSS position Property
16. CSS z-index Property
17. CSS Overflow
18. CSS float
19. CSS Pseudo Class and Elements
20. CSS Opacity
21. CSS Navigation Bar
22. CSS Form
23. Multiple Backgrounds
24. CSS Gradients
25. CSS Shadow Effects
26. CSS Text Effects
27. CSS Transforms And Transitions
28. CSS Animation
29. CSS Box Sizing Property
30. CSS Media Queries
31. CSS Flex Container
32. CSS Grid
33. CSS Variables

05. Extra Tips and Tricks

01. Solving color problems
02. Font Awesome
03. Extra Resources
04. Chrome Developer Tools
05. VS Code Shortcuts

06. Creating Projects from Scratch

01. Collecting resources for the project
02. Creating Top Header area
03. Creating Header Area
04. Creating Banner Area
05. Creating Service Area
06. Creating Contact Area Section
07. Creating Footer Area
08. Adding Mobile menu for Responsive Website
09. Creating our website Mobile Friendly Responsive
10. Making the website live

07. SCSS Tutorial

01. SASS Introduction
02. SASS Basics
03. Creating a section with SASS
04. Managing SASS Files
05. SASS mixin
06. SASS Extend & Oparetor
07. SASS Function

What’s next?

What’s next?