Web Developement For Beginners: Build Websites From Scratch

Name: Web Developement For Beginners: Build Websites From Scratch
Rating: 4.1 (5 reviews)

LEARN HTML & CSS SECRETS

Created bySalma Ab

Last updated 7/2021

English

What you'll learn

How to make a professional website
How to build real projects
Take control over the websites

Course content

5 sections • 33 lectures • 4h 17m total length

What you will learn in this course3:13

HTML Editor2:41
This lecture is to understand how HTML code works, what kind of editors exist and which editor is to install to start coding
Basic Structure of an HTML page11:31
In this lecture you will learn what is the minimum code to type to make the browser understand that the page you're trying to build is an HTML page
How to add headings to an HTML page ?7:21
In this video you will be able to add your first headings to your HTML page using the <h> tag. This is the first step to build your own project :)
How to add paragraphs to your website ?10:11
In this lecture you will be able to add your first paragraph to the HTML page. Also you will learn how to skip a line, because yes, there is a difference between adding a new paragraph and skipping the line :)
Use semantic elements to make text in bold, italic or highlighted9:09
In this video you will learn how to make words and sentences in bold, italic and highlighted. You will be able to add some beautiful effects to your code.
How to create links to other websites PART 111:19
In this lecture you will learn how to add links to other pages. You will learn how to add links to external pages like google, wkipedia, facebook.... and also how to add links to internal pages like for example how to link between 2 HTML pages that you create.
How to create links to other websites PART 26:31
Practice6:32
In this lecture we will add the second section of the project that contains all the links, heading, paragraphs and we will also highlight our sentences
How to add emojis to your HTML page6:23
In this lecture you will learn how to add emojis to your website to make it look more beutiful
How to add Ordered and Unordered list to your HTML page4:21
In this lecture you will learn how to add 2 kind of lists : Ordered lists and unordered lists
How to add a link to your email6:42
In this lecture you will learn how to leave a link to your email in a website.
What is a div and what do we use it for4:41
In this lecture you will learn what a div is and how you can use it in an HTML page
How to add images to a website10:06
In this lecture you will learn how to add external and internal images to your website.

How to Link a CSS file to an HTML page6:04
How to add colors and background colors to HTML elements13:19
In this lecture you will learn how how to add colors and background colors to any HTML element and also how many methods are they to add colors to an HTML page
How to add a border to HTML elements6:00
In this lecture you will learn how to add borders to paragraphs, lists and more...
How to add a width to HTML elements and what is parents elements notion11:07
In this lecture you will learn what parents elements relationship is in HTML and how to resize and adjust HTML elements.
What is the difference between a block element and an inline element6:45
In this lecture you will learn what is a block element, what is an inline element and why they're important notions to know
Margin and Padding12:47
In this lecture you will learn what is a margin and what is a padding and how to center elements using the margin property
How to center a text in an HTML page9:28
In this video you will learn how to center a text in the middle of an HTML page
How to add a radius to HTML elements4:18
In this lecture you will learn how to add a radius to HTML elements
How to add shadows to HTML elements6:15
In this lecture you will learn how to add more style to HTML elements by adding shadows with color.
How to change the size, the font family and the decoration of a text6:00
In this lecture you will learn how to change the size of a text and its font family and also how to underline it.
How to add a gradient and a background image in CSS9:20
In this lecture you will learn how to add a gradient color and a background image to your HTML page all using CSS
How to use the hover event to change CSS properties of HTML elements7:23
In this lecture you will learn how to change the properties of an element (color, size....) when hovering over it.
How to add animation to your HTML elements9:12
In this lecture you will learn how to add an anaimtaion to your HTML elements

How to rotate HTML elements9:49
In this lecture you will learn how to rotate HTML elements using CSS properties
How to translate HTML elements2:58
In this lecture you will learn how to translate HTML elements using CSS
How to skew HTML elements2:33
In this lecture you will learn how to skew HTML elements using CSS
How to scale HTML elements2:30
In this lecture you will learn how to scale HTML elements using CSS
Project 2: Get Your Hands Dirty !23:21
In this leacture you will be able to build a social media profile page with animation

Requirements

No requirements nor prerequisites

Description

HTML and CSS are the two most important languages for a new web developer to learn. If you’ve always wanted to build webpages, but were intimidated by the code, this course will help you learn your first two languages quickly and easily.

You can launch a new career and start building real projects today by learning HTML & CSS. The best part of that is that you don't need any expensive material to get you started. You don't need any computer science degree or expensive software. If you have a little bit of time, a computer and you're very determined then that's all what you need. I've taught HTML and CSS to countless of people and know exactly the concepts and notions that make these languages hard for students to understand and it is my role to make them simple.

Don't limit yourself by creating websites with some cheesy “site-builder" tool. This course teaches you how to take 100% control over your webpages by using the same concepts that every professional website is created with.

In this course we start at square one and learn together step by step. We'll work together on a simple project that I prepared for you. In this project I will explain all the fundementals of HTML and CSS, and by the end of the course you will not only be able to fly with your own wings and build projects all by yourself, but also you will have already built your very first project as the aim of this course is to build the project that we will be working on together.

Who this course is for:

Total Beginners
Intermediate level
Web Design Students
Web Design Beginners
Computer Programmers
Bloggers
Aspiring Web Designers
People who desire a new career path
Anyone who wants to build websites the "professional" way
Anyone who has practiced web design as a hobby but is not confident about their skill set in a professional area.

WHAT IF THIS COURSE ISN'T FOR ME?

This course comes with the 30-day Money Back Guarantee. Try out this course for 30 days and see for yourself if my approach to learning HTML and CSS is right for you. If you're not 100% satisfied with this course, simply request a full refund within 30 days — no conditions, no questions asked!

Who this course is for:

Beginner Level
Intermediate Level

Web Developement For Beginners: Build Websites From Scratch

What you'll learn

Explore related topics

Course content

Course introduction1 lecture • 3min

Project 1: HTML Part13 lectures • 1hr 37min

Project 1: CSS Part13 lectures • 1hr 48min

HTML attributes : class and id1 lecture • 7min

CSS Animation5 lectures • 41min

Requirements

Description

Who this course is for: