Discover how to create responsive, fully interactive, and modern design websites with HTML5, CSS3, and JavaScript
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
Book 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
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
Who this book is 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.
