Monthly Subscription Starting at AED 99 + VAT

Frontend for Java Full Stack Development
  • Level Professional
  • المدة 24 ساعات hours
  • الطبع بواسطة Board Infinity
  • Offered by

عن

This comprehensive course is designed to equip students with the necessary skills to create interactive, dynamic, and fully functional front-end applications as part of a full-stack Java development process. The course consists of three modules that guide students through the fundamentals of HTML, CSS, JavaScript, and Angular. The first module, "Introduction to HTML & CSS", serves as the bedrock of the course where students are introduced to the basics of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). The principles of structuring an HTML document and manipulating its layout, typography, and colors using CSS are deeply explored. The second module, "Introduction to JavaScript Programming", offers a comprehensive overview of JavaScript programming. This module provides students with hands-on experience and a deep understanding of JavaScript's core features and capabilities. Key concepts such as variables, data types, operators, control structures, and functions are covered extensively to ensure students can create effective and maintainable JavaScript programs. The third and final module, "Angular for Frontend Development", provides an in-depth introduction to Angular, one of the most popular JavaScript frameworks for building dynamic and scalable web applications. This module not only covers the key concepts of Angular, including components, modules, directives, services, and templates, but also provides practical application, allowing students to create complex web applications that are modular, maintainable, and testable. Upon completion of this course, students will have the skills to build robust, scalable, and visually engaging web applications as part of a full-stack Java development process.

الوحدات

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

This professional IT & Computer Science course on Coursera, led by expert instructors, focuses on creating dynamic front-end applications within full-stack Java development. Spanning 1440 minutes, it covers HTML, CSS, JavaScript, and Angular through three detailed modules. Ideal for professionals, the course offers hands-on experience and practical applications, available with a Starter subscription.

Board Infinity
Instructor

Board Infinity