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

Description

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-and-JavaScript

Who is this book for?

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.

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 IIFE) JavaScript function
Get to grips with the JavaScript Document Object Model (DOM) and practice challenging coding exercises