Frontend for Java Full Stack Development

Frontend for Java Full Stack Development

This course is part of Java FullStack Developer Specialization

Instructor: Board Infinity

What you'll learn

Understand the fundamentals of HTML & CSS, including HTML tags and the structure of web pages.
Acquire the skills to apply CSS styling to HTML elements, using various properties to control appearance, layout, and selectively applying styles.
Become proficient in JavaScript programming, understand variables, data types, control structures, and functions, and apply best coding practices.
Get hands-on experience with Angular and learn components, modules, directives, and services to create scalable web applications.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

13 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Build your subject-matter expertise

This course is part of the Java FullStack Developer Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 3 modules in this course

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.

In this module, you will be introduced to the fundamentals of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) , which is the standard language used for creating web pages. You will learn about the structure of an HTML document and the basic HTML tags used to define the content and layout of a web page. You will also learn about the basic syntax of CSS and how to use CSS to control the layout, typography, and colors of a web page.

What's included

46 videos5 readings6 assignments1 discussion prompt

46 videosTotal 257 minutes

Meet Your Instructor0 minutesPreview module
What you will learn in this Lesson1 minute
Introduction to Web Development5 minutes
What is HTML?5 minutes
HTML Tag5 minutes
Formatting HTML Tag10 minutes
Forms and Input Tag13 minutes
IFrame Tag5 minutes
Images Tag4 minutes
Audio Tag4 minutes
Video Tag4 minutes
List Tag4 minutes
Table Tag8 minutes
Semantic and Non- Semantic Tags4 minutes
What you will learn in this Lesson0 minutes
What is CSS?2 minutes
CSS Syntax3 minutes
CSS Simple Selector6 minutes
CSS combinator selectors - Part 15 minutes
CSS combinator selectors - Part 24 minutes
What you will learn in this Lesson0 minutes
Pseudo-class selectors - Part 16 minutes
Pseudo-class selectors - Part 26 minutes
Pseudo Elements Selectors8 minutes
Attribute Selectors6 minutes
CSS Fonts property4 minutes
CSS Positions8 minutes
CSS Float4 minutes
CSS Display4 minutes
CSS Units7 minutes
What you will learn in this Lesson0 minutes
CSS Colors4 minutes
CSS Background Colors3 minutes
CSS Box Model8 minutes
CSS Box-Sizing4 minutes
CSS Style Table5 minutes
CSS Icon4 minutes
CSS Display Grid - Part 19 minutes
CSS Display Grid - Part 210 minutes
CSS Navigation Bar8 minutes
CSS Dropdowns6 minutes
CSS Image Gallery and Sprites8 minutes
CSS Styling Images & Image Reflections7 minutes
CSS Forms7 minutes
CSS Text Effects7 minutes
CSS Object Fit & Position4 minutes

5 readingsTotal 115 minutes

Syllabus15 minutes
Read more about HTML and Various Tags30 minutes
Read more about Pseudo Class30 minutes
Further Reads on CSS Design30 minutes
Tell us what you think!10 minutes

6 assignmentsTotal 210 minutes

HTML & CSS - Graded Quiz60 minutes
Introduction to HTML - Practice Quiz 130 minutes
Introduction to HTML- Practice Quiz 230 minutes
CSS Basics- Practice Quiz30 minutes
CSS Pseudo class selectors- Practice Quiz30 minutes
CSS Design- Practice Quiz30 minutes

1 discussion promptTotal 10 minutes

Meet and Greet10 minutes

This module is designed to provide learners with a comprehensive introduction to JavaScript programming. Throughout the module, learners will gain hands-on experience working with JavaScript and will develop a deep understanding of its core features and capabilities. The module will cover the key concepts of JavaScript, including variables, data types, operators, control structures, and functions. Learners will understand how to use these concepts to create basic programs that are modular, maintainable, and easy to test. By the end of the module, learners will be proficient in creating simple and effective JavaScript programs. They will be able to apply best practices and coding standards to write high-quality code that meets the needs of their clients and users.

What's included

26 videos4 readings3 assignments

26 videosTotal 137 minutes

What you will learn in this Lesson0 minutesPreview module
Introduction to JavaScript5 minutes
Setting up your development environment2 minutes
Writing your first JavaScript program4 minutes
What you will learn in this Lesson0 minutes
Understanding variables7 minutes
Understanding data types8 minutes
Using arithmetic and comparison operators8 minutes
Arrays in Javascript5 minutes
Working with strings6 minutes
Working with string manipulation6 minutes
Conditional statements (if/else, switch)6 minutes
Looping structures (for, while)6 minutes
Functions and scope6 minutes
What you will learn in this Lesson0 minutes
Understanding the Document Object Model (DOM)3 minutes
Accessing DOM elements with JavaScript7 minutes
Manipulating DOM elements with JavaScript7 minutes
Modifying styles and attributes with JavaScript6 minutes
Understanding events and event listeners3 minutes
Responding to user input (clicks, key presses)6 minutes
Creating interactive user interfaces with events4 minutes
What you will learn in this Lesson0 minutes
Creating and removing DOM elements with JavaScript6 minutes
Using AJAX to load content dynamically7 minutes
Handling errors and exceptions5 minutes

4 readingsTotal 120 minutes

Learn More about Javascript30 minutes
Read More about Javascript components30 minutes
Learn more about DOM30 minutes
Further Readings on DOM & AJAX30 minutes

3 assignmentsTotal 120 minutes

Javascript & DOM - Graded Quiz60 minutes
Javascript - Practice Quiz30 minutes
DOM - Practice Quiz30 minutes

This module is designed to provide learners with a comprehensive introduction to Angular, a popular JavaScript framework used for building dynamic and scalable web applications. Throughout the module, learners will gain hands-on experience working with Angular and will develop a deep understanding of its core features and capabilities. The module will cover the key concepts of Angular, including components, modules, directives, services, and templates. Learners will understand how to use these concepts to create complex web applications that are modular, maintainable, and easy to test. By the end of the module, learners will be proficient in creating robust and scalable web applications using Angular. They will be able to apply best practices and design patterns to build high-quality applications that meet the needs of their clients and users.