Monthly Subscription Starting at AED 99 + VAT

Frontend Development using Angular
  • Level Professional
  • Duration 24 hours
  • Course by Board Infinity
  • Offered by

About

This course is tailored for those interested in web development, and it will equip you with the skills and knowledge needed to become proficient in Angular. In the first module, Introduction to HTML & CSS, you'll explore the foundational principles of HTML and CSS, vital for creating web pages. You'll learn how to structure an HTML document and use CSS to stylize your web page's layout. The second module, Introduction to JavaScript Programming, dives into JavaScript, a critical language for web development. You'll gain a comprehensive insight into variables, data types, control structures, functions, and other core concepts, enabling you to create robust and dynamic web applications. Finally, in the third module, Angular for Frontend Development, you'll be guided into Angular, a popular JavaScript framework known for building scalable and dynamic web applications. You'll master essential concepts such as components, modules, directives, services, and templates, enabling you to create complex, maintainable, and scalable web applications. Throughout this course, hands-on exercises, quizzes, and assignments will enable you to actively grasp and apply the concepts learned. By the end of the course, you'll be proficient in using Angular to create frontend applications, and you'll be prepared to explore more advanced topics in subsequent courses in the specialization.

Modules

Introduction to the course

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Meet and Greet

1 Videos

  • Meet Your Instructor

1 Readings

  • Syllabus

Introduction to HTML

    • 13 Videos
    • 1 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Introduction to HTML - Practice Quiz 1
  • Introduction to HTML- Practice Quiz 2

13 Videos

  • 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

1 Readings

  • Read more about HTML and Various Tags

CSS Basics

    • 6 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • CSS Basics- Practice Quiz

6 Videos

  • 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

CSS Pseudo-class selectors

    • 10 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • CSS Pseudo class selectors- Practice Quiz

10 Videos

  • 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

1 Readings

  • Read more about Pseudo Class

CSS Design

    • 16 Videos
    • 2 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • CSS Design- Practice Quiz
  • HTML & CSS - Graded Quiz

16 Videos

  • 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

2 Readings

  • Further Reads on CSS Design
  • Tell us what you think!

Getting Started with JavaScript

    • 4 Videos
    • 1 Readings
Show info about module content

4 Videos

  • What you will learn in this Lesson
  • Introduction to JavaScript
  • Setting up your development environment
  • Writing your first JavaScript program

1 Readings

  • Learn More about Javascript

Variables, Data Types, and Operators

    • 10 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Javascript - Practice Quiz

10 Videos

  • 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

1 Readings

  • Read More about Javascript components

Manipulating the DOM

    • 8 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • DOM - Practice Quiz

8 Videos

  • 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

1 Readings

  • Learn more about DOM

Advanced DOM Manipulation

    • 4 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Javascript & DOM - Graded Quiz

4 Videos

  • What you will learn in this Lesson
  • Creating and removing DOM elements with JavaScript
  • Using AJAX to load content dynamically
  • Handling errors and exceptions

1 Readings

  • Further Readings on DOM & AJAX

Understanding Angular components and modules

    • 5 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Angular Components - Practice Quiz

5 Videos

  • What you will learn in this Lesson
  • Angular Life Cyle
  • Angular Decorators
  • Angular Component
  • Angular Module

1 Readings

  • Learn more about Angular components and modules

Angular Databinding

    • 6 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Angular Databinding - Practice Quiz

6 Videos

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

1 Readings

  • Read more on Data Binding

Angular Directives

    • 5 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Angular Directives - Practice Quiz

5 Videos

  • What you will learn in this Lesson
  • What are Angular Directives
  • Angular Structural Directives
  • Angular nglf Directive
  • Angular ngStyle Directive

1 Readings

  • Learn more about Directives

Angular Pipes & Forms

    • 5 Videos
    • 2 Readings
    • 1 PeerReview
    • 1 Assignment
Show info about module content

1 Assignment

  • Angular - Graded Quiz

1 Peer Review

  • Final Assignment - Build a Responsive Web Application using Angular

5 Videos

  • What you will learn in this Lesson
  • Angular Pipes
  • Angular Forms
  • Angular Template Driven Form
  • Angular Reactive Form

2 Readings

  • Read more on Pipes and Forms
  • Provide your feedback!

Auto Summary

Discover the essentials of web development with this comprehensive course on Angular, led by Coursera. Ideal for IT and computer science enthusiasts, you'll start with HTML & CSS, advance through JavaScript programming, and master Angular for building dynamic web applications. With a duration of 1440 minutes, the course includes hands-on exercises, quizzes, and assignments. Subscription options include Starter and Professional levels, catering to aspiring frontend developers aiming for proficiency in Angular.

Board Infinity
Instructor

Board Infinity