HTML & CSS 2024: Hands-on No-nonsense Guide

HTML & CSS 2024: Hands-on No-nonsense Guide, available at $74.99, has an average rating of 4.95, with 68 lectures, based on 41 reviews, and has 307 subscribers.

You will learn about Create basic and advanced HTML pages with images, lists, tables, forms, audios and videos Create responsive web design (RWD) layouts using divs, semantic tags as well as modern flexbox and grid mechanisms Style the HTML pages with the use of CSS stylesheets and modern CSS features such as transforms, transitions, flexbox, grid layouts Know how to balance between cutting-edge technologies and supported devices maximization Create a complete capstone project – an online CV page in two completely different layouts. This course is ideal for individuals who are Beginner Web developers with technical mindset. It is particularly useful for Beginner Web developers with technical mindset.

Enroll now: HTML & CSS 2024: Hands-on No-nonsense Guide

Summary

Title: HTML & CSS 2024: Hands-on No-nonsense Guide

Price: $74.99

Average Rating: 4.95

Number of Lectures: 68

Number of Published Lectures: 68

Number of Curriculum Items: 68

Number of Published Curriculum Objects: 68

Original Price: zł429.99

Quality Status: approved

Status: Live

What You Will Learn

Create basic and advanced HTML pages with images, lists, tables, forms, audios and videos
Create responsive web design (RWD) layouts using divs, semantic tags as well as modern flexbox and grid mechanisms
Style the HTML pages with the use of CSS stylesheets and modern CSS features such as transforms, transitions, flexbox, grid layouts
Know how to balance between cutting-edge technologies and supported devices maximization
Create a complete capstone project – an online CV page in two completely different layouts.

Who Should Attend

Beginner Web developers with technical mindset.

Target Audiences

Beginner Web developers with technical mindset.

This course contains human-made closed-caption (CC) subtitles in English. This course is updated regularly with fresh content.

Hello and welcome! This course will guide you through the process of learning and practicing modern websites’ creation with HTML5 and CSS3.

My name is Dr. Artur Karczmarczyk and I am a Full-Stack Web Developer and Software Engineer with 16 years of commercial experience. I am also an Associate Professor at a well-known Technical University in Poland and have taught IT and web development skills to hundreds of students.

By the time you finish this course:

You’ll be able to create basic and advanced HTML pages with images, lists, tables, HTML5 forms, audios and videos.
You will know how to create responsive layouts using divs, semantic tags as well as modern Flexbox and Grid mechanisms.
You will be able to style HTML pages with the use of cutting-edge CSS and LESS features.

In the next 12 hours I will take you through all the important steps in creating HTML5 web pages. We will start by creating your first Hello World web page in a free code editor that I will show you how to install and configure. Then I will guide you through some basic text formatting. You will learn about acquiring, inserting and positioning images on your pages. I will show you how to legally acquire images and photos for your commercial projects. Then, we will dive into the common HTML structures – links, lists, tables and forms, including modern HTML5 inputs and validation methods. After that, in Section 3, we will introduce CSS and use it to create responsive web design (RWD). We will use divs, semantic tags, Flexbox and Grid, always to create a layout that works great on both mobile and desktop devices. We will also introduce LESS, so you can create CSS stylesheets easier and more efficient. In the final three sections I will guide you through a capstone project. Inspired by CSS Zen Garden website, we will create an online CV page using semantic HTML and then use CSS to create two completely different themes for it.

This course is for you if you have some technical skills but are completely new to web development. If you want to know modern up-to-date HTML5, CSS3 and LESS technologies, use this course to learn them in an agile, hands-on, no-nonsense manner.

So, feel free to take a look through the free previews and then join me as we create your first HTML5 web pages and solve tens of HTML and CSS challenges together!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Promo Video

Lecture 2: Pre-Tests and Post-Tests

Lecture 3: Downloading Source Code

Lecture 4: Support & Community

Chapter 2: HTML – Images, Links, Lists, Tables, Forms

Lecture 1: HTML Section Introduction

Lecture 2: HTML files. Creating and displaying. Basic syntax.

Lecture 3: Text formatting in HTML. Basic tags and text styles.

Lecture 4: Inserting and basic positioning.

Lecture 5: Acquring and copyright.

Lecture 6: File formats and optimization.

Lecture 7: Positioning and transforms.

Lecture 8: Links

Lecture 9: Lists

Lecture 10: Tables

Lecture 11: Forms

Lecture 12: HTML Section Summary

Chapter 3: CSS and Responsive Web Design (RWD)

Lecture 1: CSS Section Introduction

Lecture 2: Basics of CSS

Lecture 3: CSS for Responsive Design (RWD)

Lecture 4: HTML layout using divs and semantic tags (RWD)

Lecture 5: HTML layout using Flexbox (RWD)

Lecture 6: HTML layout using Grid (RWD)

Lecture 7: HTML media. Video and audio

Lecture 8: CSS transitions. Animations in HTML

Lecture 9: CSS web fonts

Lecture 10: Can I use? HTML and CSS features’ support level

Lecture 11: HTML and CSS resources

Lecture 12: Less Installation

Lecture 13: Less Features

Lecture 14: Less Watchers – Continuous CSS Compilation

Lecture 15: Less Resources

Lecture 16: CSS Section Summary

Chapter 4: CV Zen Garden Capstone Project Initialization

Lecture 1: Project Initialization Section Introduction

Lecture 2: Capstone Project Introduction

Lecture 3: Inspiration and reference

Lecture 4: Concept of the Layout

Lecture 5: Project Initialization

Lecture 6: Semantic HTML

Lecture 7: Project Initialization Section Summary

Chapter 5: Modern Layout – CV Zen Garden Capstone Project

Lecture 1: Modern Layout Section Introduction

Lecture 2: Grid. Colors. Typography – Modern Layout

Lecture 3: Header – Modern Layout

Lecture 4: About Me Section – Modern Layout

Lecture 5: Education Section – Modern Layout

Lecture 6: Work Experience Section – Modern Layout

Lecture 7: Languages Section – Modern Layout

Lecture 8: Skills Section – Modern Layout

Lecture 9: Hobbies Section – Modern Layout

Lecture 10: Contact and Address Sections – Modern Layout

Lecture 11: RWD Mobile Version – Modern Layout

Chapter 6: Newspaper Layout – CV Zen Garden Capstone Project

Lecture 1: Newspaper Layout Section Introduction

Lecture 2: Grid. Colors. Typography – Newspaper Layout

Lecture 3: Job and Address Sections – Newspaper Layout

Lecture 4: About Me Section – Newspaper Layout

Lecture 5: Photo Section – Newspaper Layout

Lecture 6: Education Section – Newspaper Layout

Lecture 7: Work Experience Section – Newspaper Layout

Lecture 8: Languages Section – Newspaper Layout

Lecture 9: Skills Section – Newspaper Layout

Lecture 10: Hobbies Section – Newspaper Layout

Lecture 11: RWD Mobile Version – Newspaper Layout

Chapter 7: Summary

Lecture 1: Capstone Project Summary

Lecture 2: Course Summary

Chapter 8: Web Dev Ideas and Challenges

Lecture 1: Additional Web Dev Ideas

Lecture 2: Pinterest-like Layout using CSS only

Lecture 3: Limit Lines of Text on Cards with CSS

Lecture 4: How to make a block or image full-screen with CSS

Chapter 9: Continuing Your IdeaSpot.TV Journey

Lecture 1: Bonus Lecture

Instructors

Dr. Artur Karczmarczyk
Doctor of Engineering, Software Enigneer, Academic Lecturer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 2 votes
5 stars: 39 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu