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
Course Description
This course is designed to provide a comprehensive introduction to web development using HTML, CSS, and JavaScript. It's an entry point to the field of web development and perfect for those who are interested in front-end development. The course is mobile-responsive and completely project-based, using an avatar to clearly describe and demonstrate concepts.
The course is divided into three sections, beginning with an exploration of HTML5. Students will learn the composition of a web page and how a web browser interprets HTML code to display the visual elements of a page. Key concepts covered in the HTML section include:
- HTML Structure
- An overview of HTML5
- Using division tags
- Creating ordered and unordered lists
- Inserting images
- Creating links tags
- Inserting sections
- Using attributes
The second section covers CSS, which is used to add design elements and make web pages visually aesthetic. CSS attributes and properties are covered for adding style to web documents and making web pages mobile-responsive. The CSS section covers key concepts such as:
- CSS Rules
- CSS Classes
- Divisions
- CSS Id's
- The Box model
- Font Properties
- Backgrounds
- Positioning
- Link Styling
- CSS animation
- Display flex
- Transition
In the final section of the course, students will learn how to add interactive, client-side functionality using JavaScript. JavaScript is a powerful front-end programming language that can 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 key concepts such as:
- JavaScript output
- Variable declarations
- Objects
- Strings
- Methods
- Conditional statements
- Functions and events
- JQuery library
