Moving Clouds - HTML/CSS/JS Project
In this course, you will create a moving clouds web project using HTML, CSS, and JavaScript.
Syllabus
6 chapters18 lessons5 projectsIntroduction
1 lesson- 01Introduction
Container
Project2 lessons- 01Body
- 02Container
The Cloud
Project3 lessons- 01Cloud I
- 02Cloud II
- 03Cloud III
Playing with JS
Project3 lessons- 01Getting the Cloud
- 02Random Position
- 03Random Size
Moving the Cloud
Project5 lessons- 01Fixed values
- 02Move to the Right
- 03Alternate directions
- 04Start immediately
- 05Randomize everything
Many Clouds
Project4 lessons- 01Inject HTML using JS
- 02Inject Clouds
- 03Loop over All
- 04Final Touch
More like this
HTML/CSS Challenges - Pack II
This course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 5
Solar Eclipse Animation | HTML/CSS Project
In this course you will create amazing "Solar Eclipse" Animation. Showcasing how we can create engaging and functional user interfaces using animation.
- 10
- 2
HTML/CSS Challenges - Pack III
This course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 5
Bottom Navigation Bar - HTML/CSS Project
In this course you will create a simple Bottom Navigation Bar using HTML and style it using CSS. You will learn how to add simple animation using (:hover) selector in CSS.
- 12
- 2
JavaScript DOM Methods
In this course, you will learn about the most commonly used JavaScript DOM methods and how to use them!
- 13
Frequently asked questions
How many lessons does Moving Clouds - HTML/CSS/JS Project have?
What does Moving Clouds - HTML/CSS/JS Project cover?
Is Moving Clouds - HTML/CSS/JS Project free?
