Udemy

Create An Animated Landing Page by HTML, CSS and JavaScript

Enroll Now
  • 16,134 Students
  • Updated 5/2025
4.3
(214 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 53 Minute(s)
Language
English
Taught by
Yasmin Vatankhah
Rating
4.3
(214 Ratings)
2 views

Course Overview

Create An Animated Landing Page by HTML, CSS and JavaScript

Learn modern HTML5, CSS3 and JavaScript by creating Responsive and Interactive Web Page includes Flexbox and much more

Hi, Welcome to the course that is created by HTML, CSS, & JavaScript!

Building website allows you to do fun and creative work, from anywhere in the world, and it even pays well. Web development is one of the most future-proof and highest-paying industries in the world. And HTML and CSS is the entry point to this world!

If you are interested in front-end development, look no further. This course is the complete beginners that is fully mobile responsive.

The advantage of this course is that it’s completely project-based and I use my avatar to clearly describe everything. It makes the lesson absolutely understandable.

This lecture divides to three sections. We start by exploring HTML5, students learn the composition of a web page and how a web browser interprets html code to display the visual elements of a page.

The HTML sections covers the following key concepts:

  • HTML Structure

  • An overview of HTML5

  • Using division tag

  • Creating Ordered & Unordered Lists

  • Inserting Images

  • Creating Links Tags

  • Inserting section

  • Using attributes

  • + Much More

Here, students will learn to add stunning design elements to really make web pages visually aesthetic. We will also cover CSS attributes and properties for adding style to web documents and make the web pages completely mobile responsive.

The CSS section of this course covers the following key concepts:

  • CSS Rules

  • CSS class

  • Divisions

  • CSS id

  • The Box model

  • Font Properties

  • Backgrounds

  • Positioning

  • Link Styling

  • CSS animation

  • Display flex

  • Transition

  • + Much More

In the last section of this course students will dive into adding interactive client-side functionality using JavaScript. JavaScript is an extremely powerful front-end programming language that can really help take web pages to another level. This section teaches students how to animate images and objects, and manipulate both HTML and CSS elements using the DOM (Document Object Model).

The JavaScript section covers the following key concepts:

  • JavaScript output

  • Variable declarations

  • Objects

  • Strings

  • Methods

  • Conditional statements

  • Functions and events

  • jQuery library

  • + Much More


We’ll take the time to explain every content that my avatar and I teach, so that you actually learn details. By the end of this course, you'll learn how to code and be ready to build any awesome web page you want.

So what are you waiting for? Check out the full curriculum, join me on this journey and enroll in this course. I’ll be there for you every step of the way.


Course Content

  • 10 section(s)
  • 22 lecture(s)
  • Section 1 Introduction to Web Development
  • Section 2 HTML
  • Section 3 CSS
  • Section 4 JavaScript
  • Section 5 Introduction to VSCode
  • Section 6 Web Design
  • Section 7 An Overview of HTML5
  • Section 8 Landing Page Project
  • Section 9 Exercise 1 (Create a simple Menu)
  • Section 10 Exercise 2 (Modern search box by HTML and CSS)

What You’ll Learn

  • Become a modern and confident HTML and CSS developer, no prior knowledge needed!
  • Perfect for beginners looking for things to build unique projects in a short timeframe.
  • Design and build a stunning real-world projects.
  • Use modern HTML5.
  • Modern styling with Flexbox, CSS animations, transition, custom properties, etc.
  • Create responsive, accessible, and amazing layouts.
  • Use JavaScript variables, conditionals, functions and objects.
  • Using event property in advanced JavaScript.
  • How to work with Visual Studio Code (VSCode).
  • Work as a freelance frontend developer.

Reviews

  • J
    Jaime Portillo
    5.0

    I like the course has no fluff. Short and sweet lessons that give you everything you need to know. Each part is built on the previous one, so there are no surprises.

  • O
    Olga Rebeca Andrea Gamarra
    5.0

    .

  • K
    Krishna Mohan Kumar
    4.0

    Thank you for providing me such an amazing course

  • K
    Kelvin Njoroge
    5.0

    yeah , it was a good match for me. I learnt with ease each and every step of coding.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed