Frontend for Java Full Stack Development

Frontend for Java Full Stack Development

This course is part of Java FullStack Developer Specialization

Instructor: Board Infinity

Access provided by Stanford University

26,414 already enrolled

3 modules

Gain insight into a topic and learn the fundamentals.

111 reviews

Intermediate level

Recommended experience

Flexible schedule

3 weeks at 10 hours a week

Learn at your own pace

93%

Most learners liked this course

3 modules

Gain insight into a topic and learn the fundamentals.

111 reviews

Intermediate level

Recommended experience

Flexible schedule

3 weeks at 10 hours a week

Learn at your own pace

93%

Most learners liked this course

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.

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

15 assignments¹

AI Graded see disclaimer

Taught in English

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

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

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

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. Disclaimer: This course is an independent educational resource developed by Board Infinity and is not affiliated with, endorsed by, sponsored by, or officially associated with Oracle Corporation or any of its subsidiaries or affiliates. This course is not an official preparation material of Oracle Corporation. All trademarks, service marks, and company names mentioned are the property of their respective owners and are used for identification purposes only.

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 readings5 assignments1 discussion prompt1 ungraded lab1 plugin

46 videos Total 258 minutes

Meet Your Instructor 1 minute
What you will learn in this Lesson 1 minute
Introduction to Web Development 5 minutes
What is HTML? 5 minutes
HTML Tag 5 minutes
Formatting HTML Tag 10 minutes
Forms and Input Tag 13 minutes
IFrame Tag 5 minutes
Images Tag 4 minutes
Audio Tag 5 minutes
Video Tag 5 minutes
List Tag 4 minutes
Table Tag 8 minutes
Semantic and Non- Semantic Tags 4 minutes
What you will learn in this Lesson 1 minute
What is CSS? 3 minutes
CSS Syntax 4 minutes
CSS Simple Selector 6 minutes
CSS combinator selectors - Part 1 5 minutes
CSS combinator selectors - Part 2 5 minutes
What you will learn in this Lesson 1 minute
Pseudo-class selectors - Part 1 6 minutes
Pseudo-class selectors - Part 2 6 minutes
Pseudo Elements Selectors 8 minutes
Attribute Selectors 6 minutes
CSS Fonts property 5 minutes
CSS Positions 8 minutes
CSS Float 4 minutes
CSS Display 4 minutes
CSS Units 7 minutes
What you will learn in this Lesson 1 minute
CSS Colors 5 minutes
CSS Background Colors 4 minutes
CSS Box Model 9 minutes
CSS Box-Sizing 5 minutes
CSS Style Table 6 minutes
CSS Icon 4 minutes
CSS Display Grid - Part 1 9 minutes
CSS Display Grid - Part 2 10 minutes
CSS Navigation Bar 8 minutes
CSS Dropdowns 7 minutes
CSS Image Gallery and Sprites 8 minutes
CSS Styling Images & Image Reflections 7 minutes
CSS Forms 7 minutes
CSS Text Effects 7 minutes
CSS Object Fit & Position 4 minutes

5 readings Total 115 minutes

Syllabus 15 minutes
Read more about HTML and Various Tags 30 minutes
Read more about Pseudo Class 30 minutes
Further Reads on CSS Design 30 minutes
Tell us what you think! 10 minutes

5 assignments Total 180 minutes

HTML & CSS - Graded Quiz 60 minutes
Introduction to HTML- Practice Quiz 30 minutes
CSS Basics- Practice Quiz 30 minutes
CSS Pseudo class selectors- Practice Quiz 30 minutes
CSS Design- Practice Quiz 30 minutes

1 discussion prompt Total 10 minutes

How Do You Think the Frontend Comes Together? 10 minutes

1 ungraded lab Total 60 minutes

Ungraded Lab : Building and Styling a Web Page with HTML and CSS 60 minutes

1 plugin Total 15 minutes

Quick Course Check-In 15 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 readings5 assignments1 ungraded lab

26 videos Total 138 minutes

What you will learn in this Lesson 1 minute
Introduction to JavaScript 6 minutes
Setting up your development environment 3 minutes
Writing your first JavaScript program 5 minutes
What you will learn in this Lesson 1 minute
Understanding variables 7 minutes
Understanding data types 9 minutes
Using arithmetic and comparison operators 9 minutes
Arrays in Javascript 6 minutes
Working with strings 6 minutes
Working with string manipulation 7 minutes
Conditional statements (if/else, switch) 6 minutes
Looping structures (for, while) 7 minutes
Functions and scope 7 minutes
What you will learn in this Lesson 1 minute
Understanding the Document Object Model (DOM) 4 minutes
Accessing DOM elements with JavaScript 7 minutes
Manipulating DOM elements with JavaScript 7 minutes
Modifying styles and attributes with JavaScript 6 minutes
Understanding events and event listeners 4 minutes
Responding to user input (clicks, key presses) 6 minutes
Creating interactive user interfaces with events 5 minutes
What you will learn in this Lesson 0 minutes
Creating and removing DOM elements with JavaScript 7 minutes
Using AJAX to load content dynamically 7 minutes
Handling errors and exceptions 6 minutes

4 readings Total 120 minutes

Learn More about Javascript 30 minutes
Read More about Javascript components 30 minutes
Learn more about DOM 30 minutes
Further Readings on DOM & AJAX 30 minutes

5 assignments Total 180 minutes

Javascript & DOM - Graded Quiz 60 minutes
JavaScript practice quiz 30 minutes
Variables, Data Types, and Operators - Practice Quiz 30 minutes
DOM - Practice Quiz 30 minutes
Advanced DOM Manipulation Practice quiz 30 minutes

1 ungraded lab Total 60 minutes

Ungraded Lab : Manipulating Web Pages with JavaScript 60 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.