When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Build Mega Responsive Website: HTML, CSS, JavaScript (2024)
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
This Course Includes
skillshare
0 (0 reviews )
14 hours 15 mintues 
english
Online - Self Paced
course
SkillShare
About Build Mega Responsive Website: HTML, CSS, JavaScript (2024)
Introduction
Setup
Getting Started
Header HTML: Crafting the Markup Structure
Creating Default CSS Styles
Styling Backgrounds in the Header
Designing Banner in the Header
Creating the HTML Markup of the Navigation
Designing the Logo of the Website
Styling Navigation Items
Creating the HTML Markup of the First Dropdown
Styling Features in the First Dropdown
Styling Services in the First Dropdown
Making the Dropdown Menu Work
Creating the HTML Markup for the Second Dropdown
Styling the Second Dropdown
Creating the HTML Markup for the Third Dropdown
Styling the Third Dropdown
Creating the HTML Markup for the Fourth Dropdown
Styling the Fourth Dropdown
Creating HTML Markup for the Fifth Dropdown
Styling the Fifth Dropdown
Creating the HTML Markup for Services Section
Styling Services Section
Creating Sticky Navbar on Scroll
Creating the HTML Markup for Projects
Styling Header of Projects and Filter Navigation
Styling Website Packs
Making Filter Navigation Work
Creating the HTML Markup for Templates Section
Styling Templates Section
Creating the HTML Markup for Video Player
Styling Video Player
Making Play / Pause Button Work
Updating Progress Bar
Skipping Video Backward and Forward
Working on Volume Button
Working on Volume Slider
Controlling Speed Options
Picture in Picture and Fullscreen Modes
Working on Video Timeline
Creating Draggable Progress Bar
Hiding and Showing the Controls
Creating the HTML Markup for Subscribe Section
Styling Subscribe Section
Creating HTML Markup for Footer
Styling Footer
Creating Custom Scrollbar
Customizing Navbar
Creating the HTML Markup for Testimonials Section
Styling Testimonials Section
Creating the HTML Markup for Products Page
Styling Products Content Section
Styling Products Promo Section
Creating the HTML Markup for Contact Page
Styling Contact Section
Creating the HTML Markup for Account Page
Styling Account Section
Creating the HTML Markup for Pricing Page
Styling Shapes
Styling Header
Styling Pricing Cards
Making Project Responsive for Larger Screens
Making Project Responsive for Smaller Screens - Part 1
Making Project Responsive for Smaller Screens - Part 2
Making Project Responsive for Smaller Screens - Part 3
Creating Hamburger Menu - Part 1
Creating Hamburger Menu - Part 2
Making Hamburger Menu Work
Making Project Responsive for Tablets
Making Project Responsive for Mobile Phones
Deploying Website
What You Will Learn?
- Welcome to our "Build Mega Responsive Website: HTML, CSS, JavaScript (2024)" class, where we dive right into the practical aspects of UI/UX Design. This course is tailored for both beginners taking their first steps in web design and experienced designers looking to enhance their skillset. Our focus is on helping you create a fully responsive, professional website, without delving into the fundamentals of HTML, CSS, and JavaScript..
- We'll get straight into the action, starting with the creation of your website. Think of HTML as the framework, CSS as the visual design, and JavaScript as the interactive functionality – like building the different layers of a cake. You'll learn how to structure your web pages with HTML, ensuring they are well-organized and accessible. HTML serves as the foundation on which you'll build the rest of your site..
- CSS comes next, transforming your website's appearance. We'll explore beautiful designs, layouts, and responsive features that make your site visually appealing. These skills ensure your website looks great on various devices, from large desktop screens to small mobile displays..
- Our journey then leads to JavaScript, which adds interactivity and functionality to your site. We'll master features like forms, navigation menus, and dynamic content, making your website engaging, interactive, and problem-solving. This is where your site becomes more than just a static page; it becomes an active platform that caters to user needs..
- By the end of this class, you'll have the expertise to ensure your website functions seamlessly on different devices, from desktops to smartphones. We believe in hands-on learning, and our course offers practical experience, providing you with the confidence to bring your web projects to life..
- In summary, this course focuses on practical application, taking you from scratch to a fully responsive, user-friendly website. It's an exciting journey that empowers you to turn your web design dreams into reality. Whether you're just starting out or seeking to expand your skills, join us, and let's bring your web development aspirations to life. This course is your direct path to building a professional website, and we're thrilled to guide you every step of the way..
- Resource Files.