From Zero to Cybersecurity Analyst

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Web Development with HTML, CSS, and JavaScript

via CodeSignal

Go to class Write review

Overview

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.

Syllabus

  • 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

Reviews

Start your review of Web Development with HTML, CSS, and JavaScript

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.