Build 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
Free tutorial
Rating: 4.5 out of 5 (151 ratings)
7,015 students
1hr 24min of on-demand video
English [Auto]

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 HTML 5
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 (VS Code)
Work as a freelance frontend developer


  • No coding or design experience necessary
  • A computer with access to the internet
  • Any computer works, (Windows, macOS or Linux)
  • You don’t need to buy any software, we will use the best free code editor in the world


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 Classes

  • Divisions

  • CSS Id's

  • 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.

Who this course is for:

  • This course is for those who are interested in learning to Code
  • Complete beginners who want to learn how to build a professional, beautiful and responsive web pages in a fun way
  • If you want to improve your skills in HTML, CSS, & JavaScript, take this course
  • Students who are interested in learning how to add client-side interactivity using JavaScript


Boosting Technical Skills at Larax Studio
Larax Studio
  • 4.6 Instructor Rating
  • 198 Reviews
  • 8,471 Students
  • 4 Courses

Larax Studio is a team that create courses on topics related to digital skills, such as web development, digital marketing, graphic design, and digital productivity, which are provided by professional teachers working in the Larax Company with extreme experiences in their field. All courses are well-structured, super interactive, and easy to understand. We believe that education should be accessible to all. You can find Larax Studio content to learn creative skills, from absolute beginner to advanced mastery.

The Larax Studio specialises in teaching accessible technical skills to people just getting started in technical careers or advance their skills including web development, digital design, and other career paths enabled by technology. Whether you’re trying to learn a new skill from scratch, or want to refresh your memory on something you’ve learned in the past, you’ve come to the right place.

Front-End web developer, Data analyst, Teacher
Yasmin Vatankhah
  • 4.5 Instructor Rating
  • 151 Reviews
  • 7,015 Students
  • 1 Course

Hi, I’m Yasmin Vatankhah. I’m a FrontEnd web developer with a passion for creating modern and animated websites. I work as a freelancer in FrontEnd web development, content creation and data analysis and have worked with several professional teams.

I have Master of Science in software engineering and also I’m very interested in Data Mining and Machine Learning field and analyze datasets using Rapidminer that is a great data science platform.

I’ve found that my passion is teaching and helping others by sharing all of my knowledge.

My experiences has ranged across technologies such as HTML5, CSS3, JavaScript, jQuery, Sass, LESS, Bootstrap, WordPress, data analysis and more.

I’ve always hardly tried to discover a fun way to code and make concepts easy to understand and accessible to everyone.

So in my courses, You’ll find that my Avatar would appear and take the time to explain and describe every content with lots of examples that everyone can understand easily.

I believe that deeply understanding any concept allows you to learn it and even in a real-world environment, quickly overcome problems.

So, do you want to learn how to build amazing websites with modern HTML and CSS?

Looking for courses to create Responsive Real World and Animated websites or web apps with HTML, CSS and JavaScript?

Then this course is definitely for you. It’s absolutely project-based and is very simple to learn.

So what are you waiting for? Check out the full curriculum, join me on this journey and enroll in my courses. I will be there for you during the whole course.

Top companies trust Udemy

Get your team access to Udemy's top 19,000+ courses