What Will You Learn?
In this free course, you'll learn to:
Build a simple form with HTML5 and CSS.
Create responsive layouts using CSS.
Design user interfaces using Bootstrap.
Implement debugging tools for front-end development.
You'll also gain skills in semantic HTML, specific CSS styling, Bootstrap's grid system, working with components and themes, and troubleshooting common front-end errors. This knowledge will empower you to create visually appealing and user-friendly web pages.
About This Course
Provider: Coursera
Format: Online
Duration: 28 hours to complete [Approx]
Target Audience: Beginners
Learning Objectives: By the end of this free course, you'll be able to create fully responsive websites.
Course Prerequisites: NA
Assessment and Certification: NA
Instructor: Meta
Key Topics: HTML and CSS, JavaScript, React (Web Framework), User Interface, Debugging
Topic Covered:
- - Introduction to HTML and CSS in depth
- - How are HTML and CSS used in the real world?
- - Recap: What you know about HTML and CSS
- - Semantic tags and why we need them
- - Semantic tags in action
- - Metadata
- - Bare bones layout
- - UX with meta tags
- - Setting up a social media card
- - Forms and validation
- - Creating a form
- - Making the most of client-side validation
- - Radio buttons
- - Using interactive form elements
- - Form submission
- - Browser differences
- - Video and audio
- - Embedded players
- - iFrames
- - iFrame as a picture
- - The canvas element
- - CSS web layout
- - Basic flexbox
- - Flex charts
- - CSS grids
- - Grid showcase
- - Case study: How Meta creates responsive builds
- - Widely used selectors
- - Combination selectors
- - Pseudo-classes
- - Practical use of pseudo
- - What is an effect
- - Text effects
- - CSS Transforms and transitions
- - CSS animation
- - Animation examples
- - Common errors
- - Handling errors
- - Debugging tools
- - Browser-specific CSS
- - UI testing
0 Comments