Web Development Masterclass - Beginner To Pro In Under 20Hrs

Web Development Masterclass - Beginner To Pro In Under 20Hrs
Published 4/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English

| Size: 6.83 GB[/center]
| Duration: 18h 2m
Everything you need to know about HTML5 and CSS3 in one course! Includes CSS Grid, Flexbox, animation, transitions +more

What you'll learn

When you take this course, you'll get to build a complete website with me from scratch.

You'll learn how to use the 10 professional website templates that come with this course

You'll learn about the HTML language and how it fits into today's World Wide Web

You'll learn about every HTML tag and you'll get to try them out for real alongside me

You'll learn about the CSS language and how you can use it to make any website look fantastic

You'll learn about the latest layout tools with CSS Grid and CSS Flexbox

You'll learn how to make website's responsive so they look great on all devices, including laptops, desktops, tablets and mobile phones

You'll learn how to find and use free developer tools online

You'll learn professional best practices and how to handle large HTML pages

By the end of the course, you'll be able to build professional websites of your own

By the end of the course, you'll have a fully working portfolio website for your start-up business

By the end of this course, you'll be able to work as a freelance front end web developer building websites for anyone who wants one

Requirements

No previous programming experience required! You'll learn everything you need to know in this one course

Description

Brand new course for 2024Comes with 10 professionally designed website templates included in the course downloadsThis course will teach you everything you'll ever need to know about HTML and CSS, in less than 20 hours! It will take you from complete beginner to confident web developer using in-depth tutorials, code along examples and a full real-world project at the end. By the end of this course, you'll fully understand HTML and CSS and you'll be able to build stunning websites of your own, from scratch. Or, simply speed up the process and use the 10 professional website templates that ship with this course. You can adapt them in any way you like to create professional looking websites of your own in super quick time for anyone who wants one.Hi, my name is Ben Prior and I've been a professional developer for well over 20 years. In this one course, I've pulled on decades of knowledge to teach you everything you need to know about HTML and CSS and in record time. Unlike many course creators, I still write software for a living, every day of the week, so the tutorials in this course are bang up-to-date and the code we'll create together is just as you'd find in the real-world. At YrTech, we build websites, apps, databases and much more, and in this course I'll share everything I know about web development with you. The course contains a massive amount of information, but we've stripped out all the unnecessary stuff so that you can learn about what's really important and avoid wasting valuable time. It's designed for beginners, to take you from novice to pro in under 20 hours, but in reality this course contains something for everyone. If you are a complete beginner, then work through the course lecture by lecture in the order they are presented. They have been put together in a constructive way with each lecture building on the last, so this really is the best way to go from start to finish in just one course.If you already know something about HTML and CSS though, this course would still be great for you. Even with decades of experience, I still learned some new things about certain HTML tags as I compiled this course, so I am sure you will do too.Or, maybe you already know HTML and CSS really well? Even if you do, this course still comes with 10 professionally deigned website templates so it's still well worth a look. Course structure:We'll start with a 50 minute section on HTML fundamentals. Looking at the origins of HTML, how it fits in to the World Wide Web. We'll look at how to structure a basic HTML document and how HTML tags are structured. Next, we'll spend 6 hours reviewing all of the HTML tags that you'll need to build professional looking websites. That's ALL of the important tags covered in just 6 hours!After that we'll spend around 8 hours discovering CSS where I'll teach you how you can use it to style any website. We'll start with CSS basics, looking at the CSS Box Model, CSS Priorities and the structure of the CSS language. We'll then move onto more advanced skills such and create fully responsive website layouts and even build a page with cool visual Parallax effects to give it a real sense of depth.Finally, we'll put everything together in a 2 hour real-world project. Here, we'll build one of the website templates that ships with the course, but we'll do it together, section by section form the ground up. You'll get to code along with me to build your very own professional looking website, from scratch.And that's it! Everything you need to know about HTML and CSS in less than 20 hours.This course includes:Nearly 20 hours of high quality videosDownloadable code examples, support files and lecture slides10 professional website templatesTechnical support via the Questions and Answers section from real software developers Who is this course designed for:Complete beginners with zero experienceJunior developers with some knowledge who wish to level up their skillsAdvanced web developers who would like to brush up on their skillsAnyone who wants to learn how to create professional websites using just HTML and CSSAnyone who would like 10 professional website templates to pull apart and rebuild as much as they'd like and use even for commercial projects.Enjoy the course ;)

Overview

Section 1: Introduction

Lecture 1 How To Use This Course

Section 2: HTML Fundamentals

Lecture 2 Introduction to HTML Fundamentals

Lecture 3 What is HTML?

Lecture 4 HTML Editors

Lecture 5 Resources & Downloads

Lecture 6 Document Structure

Lecture 7 HTML Tag

Lecture 8 Head Tag

Lecture 9 Body Tag

Lecture 10 Style Attribute

Section 3: HTML tags

Lecture 11 Introduction to HTML Tags

Lecture 12 Paragraphs

Lecture 13 Headings

Lecture 14 Text Formatting

Lecture 15 Line Breaks

Lecture 16 External File Links

Lecture 17 Hyperlinks #1 - Linking to Another Page or Site

Lecture 18 Hyperlinks #2 - Linking to an In-Page Location

Lecture 19 Hyperlinks #3 - Sending an Email

Lecture 20 Hyperlinks #4 - Making a Phone Call

Lecture 21 Hyperlinks #5 - Downloading a File

Lecture 22 Hyperlinks #6 - Running Some jаvascript Code

Lecture 23 Hyperlinks #7 - Link Tracking

Lecture 24 Unordered Lists

Lecture 25 Ordered Lists

Lecture 26 Images #1

Lecture 27 Images #2 - Hyperlinks

Lecture 28 Images #3 - Area Maps

Lecture 29 Videos #1 - Self Hosted

Lecture 30 Videos #1 - Youtube

Lecture 31 Audio

Lecture 32 Tables #1

Lecture 33 Tables #2 - TR, TH & TD

Lecture 34 Tables #3 - THEAD, TBODY & TFOOT

Lecture 35 Tables #4 - Colspan

Lecture 36 Tables #5 - Rowspan

Lecture 37 HTML Forms #1

Lecture 38 HTML Forms #2 - Input Fields #1

Lecture 39 HTML Forms #2 - Input Fields #2

Lecture 40 HTML Forms #2 - Input Fields #3

Lecture 41 HTML Forms #3 - Text Areas

Lecture 42 HTML Forms #4 - Lists

Lecture 43 HTML Forms #5 - Labels

Lecture 44 HTML Forms #6 - Backend Processing with YrTech Forms

Lecture 45 iFrames

Lecture 46 Span

Lecture 47 Div Tags

Lecture 48 Semantic Tags

Lecture 49 Annotation

Lecture 50 Online Resources

Section 4: CSS

Lecture 51 Introduction to CSS

Lecture 52 What is CSS?

Lecture 53 Inline CSS

Lecture 54 Internal CSSS

Lecture 55 External CSS

Lecture 56 Type, ID and Class Selectors

Lecture 57 CSS Priorities

Lecture 58 CSS Inheritance

Lecture 59 CSS Text Formatting #1 - Fonts

Lecture 60 CSS Text Formatting #2 - Font Properties

Lecture 61 CSS Text Formatting #3 - Styling

Lecture 62 CSS Text Formatting #4 - Alignment

Lecture 63 Google Fonts

Lecture 64 CSS Colours

Lecture 65 CSS Borders

Lecture 66 CSS Box Model

Lecture 67 CSS Backgrounds

Lecture 68 CSS Combinator Selectors

Lecture 69 CSS Pseudo Class Selectors

Lecture 70 CSS Pseudo Element Selectors

Lecture 71 CSS Attribute Selectors

Lecture 72 CSS Positioning

Lecture 73 CSS Media Queries

Lecture 74 CSS Container Queries

Lecture 75 CSS Flexbox

Lecture 76 CSS Grid

Lecture 77 CSS Transitions

Lecture 78 CSS Animation

Lecture 79 CSS Parallax

Section 5: Project

Lecture 80 Project Overview

Lecture 81 Head Tag Setup

Lecture 82 Hero Image

Lecture 83 Navigation Menus

Lecture 84 Features

Lecture 85 Portfolio

Lecture 86 Testimonials

Lecture 87 Pricing

Lecture 88 Call to Action

Lecture 89 Contact Us

Lecture 90 Footer

Lecture 91 Publishing to the Internet

Complete Beginners who want to learn how to write websites,Intermediate developers who want to level up their skills,Advanced developers who want to make use of the professional templates included with this course