Board infinity - Frontend Development using Angular
- Offered byCoursera
Frontend Development using Angular at Coursera Overview
Duration | 24 hours |
Start from | Start Now |
Total fee | Free |
Mode of learning | Online |
Difficulty level | Intermediate |
Official Website | Explore Free Course |
Credential | Certificate |
Frontend Development using Angular at Coursera Highlights
- Flexible deadlines Reset deadlines in accordance to your schedule.
- Shareable Certificate Earn a Certificate upon completion
- 100% online Start instantly and learn at your own schedule.
- Course 1 of 3 in the Learning MEAN Stack by Building Real world Application Specialization
- Intermediate Level Basic familiarity with web development is required
- Approx. 24 hours to complete
- English Subtitles: English
Frontend Development using Angular at Coursera Course details
- Welcome to the Frontend Development using Angular course! This program is designed for those who are interested in frontend development and want to learn about one of the most popular frameworks in the industry - Angular. In this course, we will cover everything you need to know to become a proficient Angular developer.
- In the first module, Introduction to HTML & CSS, you'll learn the fundamentals of HTML and CSS, including how to create web pages, style them with CSS, and build responsive layouts that work across devices. This will lay the foundation for building dynamic web applications with Angular.
- In the second module, Introduction to JavaScript Programming, you'll learn the essential programming language for frontend web development. You'll learn how to use JavaScript to create dynamic and interactive web pages, add animations and effects, and work with APIs to get data from the web. This will prepare you for working with Angular, which heavily relies on JavaScript.
- In the third module, Angular for Frontend development, you will dive into the world of Angular. You will learn about Angular components, services, and directives, as well as how to set up an Angular project and use the Angular CLI. You will also learn how to create reactive forms, handle HTTP requests, and work with observables.
- By the end of this course, you will have the knowledge and skills to build dynamic websites using Angular and other frontend technologies. You'll be able to create stunning web applications that look and feel amazing, and you'll have the skills to work as a frontend web developer in a variety of industries.
Frontend Development using Angular at Coursera Curriculum
Introduction to HTML & CSS
Meet Your Instructor
What you will learn in this Lesson
Introduction to Web Development
What is HTML?
HTML Tag
Formatting HTML Tag
Forms and Input Tag
IFrame Tag
Images Tag
Audio Tag
Video Tag
List Tag
Table Tag
Semantic and Non- Semantic Tags
What you will learn in this Lesson
What is CSS?
CSS Syntax
CSS Simple Selector
CSS combinator selectors - Part 1
CSS combinator selectors - Part 2
What you will learn in this Lesson
Pseudo-class selectors - Part 1
Pseudo-class selectors - Part 2
Pseudo Elements Selectors
Attribute Selectors
CSS Fonts property
CSS Positions
CSS Float
CSS Display
CSS Units
What you will learn in this Lesson
CSS Colors
CSS Background Colors
CSS Box Model
CSS Box-Sizing
CSS Style Table
CSS Icon
CSS Display Grid - Part 1
CSS Display Grid - Part 2
CSS Navigation Bar
CSS Dropdowns
CSS Image Gallery and Sprites
CSS Styling Images & Image Reflections
CSS Forms
CSS Text Effects
CSS Object Fit & Position
Syllabus
Read more about HTML and Various Tags
Read more about Pseudo Class
Further Reads on CSS Design
Introduction to HTML - Practice Quiz 1
Introduction to HTML- Practice Quiz 2
CSS Basics- Practice Quiz
CSS Pseudo class selectors- Practice Quiz
CSS Design- Practice Quiz
HTML & CSS - Graded Quiz
Introduction to JavaScript Programming
What you will learn in this Lesson
Introduction to JavaScript
Setting up your development environment
Writing your first JavaScript program
What you will learn in this Lesson
Understanding variables
Understanding data types
Using arithmetic and comparison operators
Arrays in Javascript
Working with strings
Working with string manipulation
Conditional statements (if/else, switch)
Looping structures (for, while)
Functions and scope
What you will learn in this Lesson
Understanding the Document Object Model (DOM)
Accessing DOM elements with JavaScript
Manipulating DOM elements with JavaScript
Modifying styles and attributes with JavaScript
Understanding events and event listeners
Responding to user input (clicks, key presses)
Creating interactive user interfaces with events
What you will learn in this Lesson
Creating and removing DOM elements with JavaScript
Using AJAX to load content dynamically
Handling errors and exceptions
Learn More about Javascript
Read More about Javascript components
Learn more about DOM
Further Readings on DOM & AJAX
Javascript - Practice Quiz
DOM - Practice Quiz
Javascript & DOM - Graded Quiz
Angular for Frontend development
What you will learn in this Lesson
Angular Life Cyle
Angular Decorators
Angular Component
Angular Module
What you will learn in this Lesson
Angular Data Binding (One way and Two way Data Binding)
Angular Interpolation
Angular Property Binding
Angular Event Binding
Angular Data Binding - Two way data binding (ngModel)
What you will learn in this Lesson
What are Angular Directives
Angular Structural Directives
Angular nglf Directive
Angular ngStyle Directive
What you will learn in this Lesson
Angular Pipes
Angular Forms
Angular Template Driven Form
Angular Reactive Form
Learn more about Angular components and modules
Read more on Data Binding
Learn more about Directives
Read more on Pipes and Forms
Angular Components - Practice Quiz
Angular Databinding - Practice Quiz
Angular Directives - Practice Quiz
Angular - Graded Quiz