Web Design for Beginners | Real World Coding

Name: Web Design for Beginners | Real World Coding
Rating: 4.5 (3 reviews)

Be a professional web designer by learning HTML5, CSS3, responsive design, bootstrap and much more.

Created byMohammed Kareem

Last updated 5/2020

English

What you'll learn

Create any website form zero
learn everything about HTML and CSS and their elements
using animations and effects with CSS3
Support any device size with bootstrap and custom code
Use common vocabulary from the design industry

Course content

4 sections • 24 lectures • 2h 38m total length

Introduction1:57
what I will cover in this course
What is HTML?5:42
Introduction to HTML
What is CSS?5:27
Introduction to CSS
Quick test

HTML Structure and syntax7:34
Explore HTML structure and syntax by learning open and close tags, h1 headings, ul and li lists, and how head and body organize content such as images, inputs, and titles.
HTML Attributes3:56
All HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value"
CSS syntax1:10
Learn the basics of css syntax by identifying selectors, properties, and values, such as color and font-size, with red as the color and twelve as the font size.

Editors2:36
Make new project6:19
Create a new web project with index.html and style.css in a folder, link the CSS to HTML, and test by changing colors and displaying a welcome message.
HTML and CSS basics6:25
Learn how to style HTML elements using id, class, and tag selectors, including color, font size, and applying consistent or targeted properties across h1 and paragraph elements.
Head and body4:01
take a look about Head and Body elements in HTML
Class and Id4:11
Learn the difference between id and class in HTML, using id for a single element and class for multiple elements, and apply styles with #id and .class selectors.
HTML Attributes2:31
Learn how to use HTML attributes in opening tags, including class, title, name, and image references, to customize elements on web pages.
Img and Background image8:19
Learn how to add images to a project, use the img tag with proper paths, and apply background images in css via background-image, background-size: cover, and background-position center.
Add media (videos)4:24
Learn to embed videos and audios with the HTML video and source tags, referencing the media folder and main.mp4, and configure width, height, controls, autoplay, loop, and muted.
Add media (audios)3:22
learn how to embed audio in a web page using the audio tag, specify an mp3 source from the media folder, and enable controls, autoplay, and looping.
fonts4:44
color and background color4:07
Apply color and background color in web design by editing the style and CSS files, using hex color codes, centering content, and adjusting text color for contrast.
Links8:39
Learn to add links on web pages using the a tag and href destinations, then style them as buttons with borders, padding, font choices, and colors for clear navigation.
HTML and CSS Comments3:22
Learn why comments in HTML and CSS matter, how they help teams understand code, and how these comments stay in the code and do not appear on the web page.
Tables and Lists14:16
Forms and Input9:07
build web forms with inputs for name, email, password, date, and number, set a form action to submit to the target page, and style specific inputs and buttons with css.

what is bootstrap11:19
Explore Bootstrap as an open-source frontend toolkit for HTML, CSS, and JavaScript. Enable mobile-first, responsive design and quick prototyping with downloadable CSS and JavaScript files.
layout22:30
Using bootstrap12:04
Learn to use bootstrap to structure web pages with container, row, and column classes, place content blocks, and apply offsets, table, and form classes for real-world design.

Requirements

No prerequisite knowledge required

Description

Have you ever wanted to become a web designer but felt overwhelmed by the thought of learning complex coding languages and intricate design principles? Now, you have the chance to transform your aspirations into reality in just a few hours by enrolling in this comprehensive web design course. Follow me step by step through each lesson, and by the end of the course, you will have the skills to design stunning websites from scratch. This course is meticulously structured to cover all essential aspects of web design, from A to Z. You won’t need to seek out additional courses; everything you need to know is right here.

Throughout the course, we will delve into the fundamentals of web design, including HTML, CSS, and JavaScript, as well as advanced topics like responsive design, user experience (UX) principles, and modern design trends. Each module is designed to build upon the previous one, ensuring a cohesive and comprehensive learning experience. By the time you complete this course, you will not only understand the theoretical concepts but also be able to apply them practically to create professional-quality websites.

Upon finishing this course, you will be a true web designer, ready to take on your first project in the competitive web design market. You’ll have the confidence and skills to produce high-quality work that meets professional standards, making it easy to impress clients and employers alike. Don’t miss this opportunity to kickstart your career in web design and turn your creative ideas into reality with ease and professionalism. Enroll now and take the first step towards becoming a proficient and successful web designer.

Who this course is for:

Anyone who wants to build websites like professionals
Anyone who has practiced web design as a hobby but is not confident about their skillset in a professional arena
Experienced developers looking to renew their HTML5 & CSS3 knowledge

Web Design for Beginners | Real World Coding

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 13min

syntax and structure3 lectures • 13min

learn everything about HTML and CSS15 lectures • 1hr 26min

Bootstrap3 lectures • 46min

Requirements

Description

Who this course is for: