Video description
Learn HTML and CSS to take your first step into web development and cover responsive design and CSS Flexbox
About This Video
- Discover the basic building blocks of web development by learning core HTML and CSS concepts
- Discover modern techniques for layout using the CSS Flexbox
- Build a personal blog to show off your web development skills using HTML and CSS
In Detail
This beginner HTML and CSS course are ideal for you if you want to begin your web design/development journey or are looking to refresh your skills.
This course will introduce you to common HTML and CSS techniques that will enable you to build an impressive personal website. You’ll get to grips with the core concepts and techniques as you build a personal blog and landing page with a full-page background image.
The project will help you learn common HTML structure and elements such as images, semantic tags, headings, and text elements. You’ll also cover CSS layout, positioning, and styling to make your site look great! Furthermore, the course will introduce you to the responsive design by adopting a mobile-first approach.
By the end of this course, you’ll not only have a stunning personal blog website but also have the confidence and skills to build other types of websites. To top it all, you’ll even be provided with useful reference sheets and resources to develop your skills further.
Publisher resources
Table of contents
-
Chapter 1 : Let's get started
- Welcome to the course! 00:02:13
- Required tools 00:02:58
- What is HTML & CSS? 00:02:14
- Choose your theme! 00:01:00
-
Chapter 2 : Creating our awesome landing page
- Starting a web project 00:02:46
- Structuring HTML pages 00:05:48
- Creating the header 00:04:30
- Semantic HTML and layout 00:03:27
- Links, nesting & indentation 00:04:09
- Div tags and text 00:04:19
- Internal CSS and Google fonts 00:07:14
- Classes and ID's 00:02:52
- Introduction to Flexbox & responsive design 00:02:41
- Header CSS, margin & padding 00:07:14
- Where to find great stock images 00:03:41
- Background images and Flexbox positioning 00:06:39
- Final styling for small screens 00:04:50
- Introduction to media queries 00:08:02
- External stylesheets 00:04:10
-
Chapter 3 : Moving on to our blog
- Adding the blog page 00:02:07
- Creating blog posts 00:09:30
- Sidebar social media icons 00:07:44
- Introduction to tables and HTML entities 00:08:52
- Blog styling and pseudo classes 00:07:06
- Blog styling for larger devices 00:03:57
- Browser support 00:02:10
- Browser developer tools intro 00:03:09
- Speeding up your coding with Emmet 00:03:14
- Block vs inline elements 00:02:30
-
Chapter 4 : Thank you and final challenge
- Final challenge 00:00:54
- Final step 00:01:21
Product information
- Title: Beginner HTML and CSS: Build Your Own Personal Blog!
- Author(s):
- Release date: October 2019
- Publisher(s): Packt Publishing
- ISBN: 9781838982003
You might also like
video
The Ultimate HTML Developer 2020
Learn HTML and HTML 5 from scratch and get started as a web developer About This …
video
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
video
Node.js - The Complete Guide
Master Node.js to build REST APIs, GraphQL APIs, add authentication, use MongoDB, SQL, and much more! …
video
The Complete Node.js Developer Course (3rd Edition)
Learn Node.js by building real-world applications with Node, Express, MongoDB, Mocha, and more! About This Video …