![Modern HTML and CSS From The Beginning (Including Sass) [Video]](https://content.packt.com/V14688/cover_image_small.jpg)
Modern HTML and CSS From The Beginning (Including Sass) [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$138.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$138.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterIntroduction
-
HTML Basics
- Section Intro
- Create & Open HTML Pages
- Doctype & Basic Layout
- Setting Up Live Server (VSCode Extension)
- Meta Tags & Search Engines
- Headings, Paragraphs & Typography
- Links, Images & Attributes
- Lists & Tables
- Forms & Input
- Block & Inline Level Elements
- Divs & Spans, Classes & Ids
- HTML Entities
- HTML5 Semantic Tags & Challenge
- HTML5 Semantics Solution & Wrap Up
-
CSS Basics
- Section Intro
- Implementing CSS
- Basic CSS Selectors
- Dev Tools Introduction
- Fonts In CSS
- Color Types
- Backgrounds & Borders
- Box Model, Margin & Padding
- Float & Alignment
- Link State & Button Styling
- Navigation Menu Styling
- Inline, Block & Inline-Block Display
- Positioning
- Form Style Challenge
- Form Style Solution
- Aside: Visibility, Order & Negative Margin
-
Hotel Website
-
Intro To Responsive Layouts
-
Intro To Flexbox
-
EdgeLedger Website (Flexbox)
-
Website Deployment - Shared Host
-
More CSS Concepts - Advanced Selectors, Animation & More
-
Mini Projects With Keyframes, Transitions, etc
- Presentation Website [1] - Intro & HTML
- Presentation Website [2] - Page CSS
- Presentation Website [3] - Text Animation
- Hamburger Menu Overlay [1] - HTML & Base CSS
- Hamburger Menu Overlay [2] - Creating The Hamburger
- Hamburger Menu Overlay [3] - Animating The Hamburger Lines
- Hamburger Menu Overlay [4] - Menu Overlay
- Knowledge Timeline [1] - HTML & Base CSS
- Knowledge Timeline [2] - Boxes & Arrows
- Knowledge Timeline [3] - Responsive Media Queries
- Knowledge Timeline [4] - Scroll In Animation
- Quick Dropdown Menu Project
-
CSS Grid
-
NewsGrid Website
-
Website Deployment With Netlify (FREE)
-
Learning Sass
-
Portfolio Website With Sass
-
Where To Go From Here
About this video
Discover an interactive learning experience that combines study sections and interesting real-life projects with this course. With this learning guide, you’ll no longer need to rely on frameworks such as Bootstrap for your user interface and instead be able to create your own layouts and utility classes to build custom responsive websites and app UIs.
This course is for beginners as well as experienced developers who want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies such as Flexbox and CSS Grid, as well as the Sass pre-compiler.The first few sections in particular are tailored for beginners. So even if you haven’t built anything before, this course covers the basics to help you develop a strong foundation. However, if you already have experience with basic HTML and CSS, you can simply move on to section 3 or 4. Get started on this course and develop the skills you need to build your own web Sass solutions.
The course covers the following topics:
• How websites work
• Visual Studio code setup, shortcuts, live server and Emmet
• HTML5 semantic layout
• CSS fundamentals
• Responsive design with media queries
• CSS units - rem, em, vh, vw, etc.
• Flexbox
• CSS Grid
• Animation with keyframes and transitions
• CSS variables
• Sass pre-compiler with portfolio project
• Full projects and mini projects
• Website deployment to shared hosting and Netlify with Git
All code files are placed at https://github.com/PacktPublishing/Modern-HTML-and-CSS-from-the-Beginning-Including-Sass
- Publication date:
- April 2019
- Publisher
- Packt
- Duration
- 20 hours 53 minutes
- ISBN
- 9781838822828