Modern Web Design with HTML5, CSS3, and JavaScript

Responsive websites are the future. They allow your site to adapt to different screen sizes, which means that regardless of the device your web visitors are using, they get the best possible glimpse into your business or service.

By exploring this course, you will be able to pursue a career as a web designer and front-end web developer with your newly acquired knowledge of HTML5, CSS3, JavaScript, and responsive design. In this hands-on course that covers the core aspects of front-end web design, you will discover how to design and create amazing websites that are mobile-ready, interactive, and modern.

The course will guide you on how to create custom websites with amazing HTML pages, add styling with Cascading Style Sheets (CSS), and make them dynamic and interactive with JavaScript to bring them to life. In case you do not have any prior coding experience, this course will help you understand the basics. It goes on to cover essential tools and top resources to help you build on your website development skills. As you progress, you will gradually encounter 25 coding challenges that will ensure you get hands-on experience in front-end web design and web development.

By the end of this course, you will have gained the skills you need to create professional websites.

All the resources and supportive files for this course are available at https://github.com/PacktPublishing/Modern-Web-Design-with-HTML5-CSS3-an…

Type
video
Category
Web Development
publication date
2020-12-30
what you will learn

Debug HTML and comments within the code
Practice important HTML tags, such as meta, audio, and video tags
Create Cascading Style Sheets (CSS) linear/radial gradients, 2D/3D transforms, and CSS animations
Understand how to use Chrome DevTools
Explore the CSS Box Model and understand the significance of its parts - Margin, Border, Padding, and Content
Get to grips with CSS pseudo-classes and elements
Make use of advanced CSS selectors and understand the significance of CSS specificity applied to selectors
Create a NavBar using Flexbox
Get familiar with the CSS Grid Layout to use rows and columns
Explore how to add JavaScript to your HTML pages
Understand JavaScript type conversion (typecasting) and type coercion
Get to grips with JavaScript’s truthy and falsy object types
Work with JavaScript operators, switch statements, arrays, and loops
Explore the Immediately Invoked Function Expression (IIFE) JavaScript function
Get to grips with the JavaScript Document Object Model (DOM) and practice challenging coding exercises

duration
2110
key features
Design robust and fully responsive custom websites * Apply modern web design techniques with HTML5 and CSS3 using the latest syntax * Discover fun fonts in Cascading Style Sheets (CSS) and learn how to add Google Fonts to your website using Google Fonts CSS * Code proficiently with HTML and CSS
approach
The course is packed with over 25 coding challenges to get you up to speed with website development. You will learn effectively even if you do not have prior coding experience as the course will first get you familiar with the basics. The course follows a hands-on approach, helping you practice real-world coding and web designing as you follow along with the instructor.
audience
This course is for anyone who wants to add HTML, Cascading Style Sheets (CSS), and JavaScript to their skillset. No prior coding experience is required to get started with this course. Anyone looking to pursue a career in front-end web designing and web development or even experienced web developers looking to refresh their knowledge of web design and web development with HTML5, CSS3, and JavaScript will find this course useful.
meta description
Discover how to create responsive, fully interactive, and modern design websites with HTML5, CSS3, and JavaScript
short description
In this course, you will discover how to create custom websites with amazing HTML5 pages, add styling with CSS3, and make them dynamic and interactive with JavaScript to bring them to life. You will also cover essential tools and top resources to build on your website development skills.
subtitle
Learn all the latest web development skills
keywords
HTML, HTML5, CSS3, Google Fonts, JavaScript, CSS, DOM, Document Object Model
Product ISBN
9781800563179