Web Development with HTML, CSS, and JavaScript

Full-Stack Engineering with JavaScriptWeb Development with HTML, CSS, and JavaScript

Explore key elements of web development in this course. You'll journey through the essentials of HTML and CSS to build the structure and design of the websites. Then, add interactivity to your site using JavaScript.

Lessons and practices

Lesson 1: Exploring the essentials of HTML: An Introduction to Webpage Structures

Creating a Personal Blog Page with Basic HTML Elements

Add an Image to Your Blog

Astronaut's Diary Markup Correction

Create a Welcome Section for the Space Blog

Create Your First HTML Webpage

Lesson 2: Structuring and Organizing Web Content with HTML Lists, Tables, and Formatting

Organize the Kitchen Pantry with HTML Lists and Tables

Formatting HTML Text

Adding Symbols to the Recipe List

Add Ingredients to Cookie Recipe HTML

Stellar Recipe Formatter

Lesson 3: Dressing Up Your Webpages: Beginning with CSS Styling

Styling a Webpage with CSS Selectors

Apply Cosmic Colors to the Space Mission Webpage

Mars Exploration Code Inspection

Add Stellar Styles to Your Web Page

Styling the Night Sky

Lesson 4: Mastering CSS: Display Properties and Designing Layouts

Board Game Layout with CSS Grid

Adjust Flexbox Justification on Game Board

Portfolio Page Grid Layout Debug

Adjust the Board Game Layout with CSS Grid Gaps

Crafting a Board Game Layout with HTML and CSS

Lesson 5: Mastering Stylish Web Designs: Positioning, Transitions, and Animations in CSS

Smooth Moves on the Cosmic Coding Blog

Enhance the Blog Title Animation

Footer on the Launchpad

Add Interactive Hover Effects to the Subscribe Button

Glowing Blog Post Animation

Lesson 6: Mastering Adaptive Web Design: Responsive Layouts and Media Queries in CSS

Rearrange the Home Office for Different Devices

Adjust Background Colors for Responsive Design

Responsive Desk Items Display

Adjusting Desk Items for Different Screen Widths

Responsive Design for Home Office Webpage

Lesson 7: Interactive Web Development with JavaScript and DOM

Personalizing Your Web Page Greeting

Enlarging the Cosmos Greeting

Night Mode Toggle on Space Museum Page

Add a Space Fact Display Feature

Astronomy Club: Revealing the Secrets of Mars

Interested in this course? Learn and practice with Cosmo!

Practice is how you turn knowledge into actual skills.