Front-End Web Development: Learn Html5 & Css3
Last updated 1/2024
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.21 GB | Duration: 3h 29m
HTML and CSS for beginners: learn how to build websites from scratch including responsive design and SEO
What you'll learn
Learn how to build web pages
Front-end web development
HTML5
CSS5
Requirements
This course is for beginners with no experience in HTML and CSS
No prior knowledge required
Description
Do you want to learn HTML and CSS from the beginning? Do you want to build modern, responsive websites or start a career in web development? If so, this is the course for you.We will start with the basics of how HTML works and how you write a web page. We will look at theory and practice while you code along with me to get some hands-on experience.We will explore topics such as responsive design, search engine optimisation and the tools that professional web developers use to get the job done.Here is what you will learn:Software tools for creating websitesWhat is HTML and how does it work?HTML tags and best practiceBuilding websites with HTMLWhat is CSS and how does it work?Styling websites with CSSIntroduction to Search Engine Optimisation (SEO)Tools for testing websitesDeep dive on CSS gridOur new deep-dive on CSS grid will teach you how to use the advanced feature's of grid's layout engine to build flexible, responsive and modern layouts using CSS to take advantage of the latest standards. This section includes an overview of grid, teaches you all of the features and includes real-world projects to test your new skills out.By the end of the course, you will have everything you need to build websites in HTML and CSS.
Overview
Section 1: Introduction
Lecture 1 Welcome
Lecture 2 Course goals
Lecture 3 Course outline
Section 2: Setup
Lecture 4 Selecting your editor
Lecture 5 Best editors for Windows
Lecture 6 Best editors for Mac
Lecture 7 Browser development tools
Lecture 8 Sample code
Section 3: HTML foundations
Lecture 9 Introduction to HTML
Lecture 10 What is HTML?
Lecture 11 Anatomy of a page
Lecture 12 Semantic tags
Lecture 13 Common tags
Lecture 14 Layout tags
Lecture 15 List of tags
Lecture 16 Working with text
Lecture 17 Working with images
Lecture 18 Image formats
Lecture 19 Working with forms
Lecture 20 HTML coding challenge
Lecture 21 HTML challenge solution
Section 4: HTML features
Lecture 22 Module introduction
Lecture 23 Anchor tags
Lecture 24 In-page links
Lecture 25 Tables
Lecture 26 File uploads
Lecture 27 Video
Lecture 28 Audio
Lecture 29 Preloading media
Section 5: CSS foundations
Lecture 30 Introduction to CSS
Lecture 31 What is CSS?
Lecture 32 Creating a stylesheet
Lecture 33 Adding styles
Lecture 34 Selectors
Lecture 35 Types of selectors
Lecture 36 Editing CSS live
Lecture 37 Properties
Lecture 38 Sizing boxes
Lecture 39 List of properties
Lecture 40 Display property
Lecture 41 Designing layouts
Lecture 42 Flexbox in detail
Lecture 43 Media queries
Lecture 44 CSS coding project
Lecture 45 CSS project example
Section 6: CSS features
Lecture 46 Module introduction
Lecture 47 Background images
Lecture 48 Gradients
Lecture 49 Overflow
Lecture 50 Pseudo-elements
Lecture 51 Transitions
Lecture 52 Variables
Section 7: Search Engine Optimisation (SEO)
Lecture 53 Introduction to SEO
Lecture 54 What is SEO?
Lecture 55 Modern SEO
Lecture 56 Page structure
Lecture 57 Meta tags
Lecture 58 Robots.txt
Section 8: Tools
Lecture 59 Introduction to tools
Lecture 60 Can I Use
Lecture 61 Lighthouse
Lecture 62 W3C Validator
Lecture 63 Colour tools
Section 9: CSS Grid
Lecture 64 Introduction to CSS Grid
Lecture 65 What is grid?
Lecture 66 Browser support
Lecture 67 Download the example code
Section 10: CSS Grid: Fundamentals
Lecture 68 Templates
Lecture 69 Repeats
Lecture 70 Gaps
Lecture 71 Units of measurement
Lecture 72 Alignment and justification
Lecture 73 Implicit tracks
Lecture 74 Positioning items
Lecture 75 Areas
Lecture 76 Minmax
Lecture 77 Autofill
Section 11: CSS Grid: Projects
Lecture 78 Introduction to projects
Lecture 79 Two-column layout
Lecture 80 Article blog
Lecture 81 Photo blog
Lecture 82 Article with breakout
Section 12: Conclusion
Lecture 83 What's next?
Lecture 84 Conclusion
Lecture 85 Bonus lecture
Anyone looking to learn HTML and CSS,Anyone looking to code their own website
Screenshots
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
