Building Interactive Web Pages Using Modern JavaScript from Coursera

Most businesses with a strong online presence wish to provide its consumers a rich interactive user experience. HTML5 and CSS3 frameworks help you build a static web page, that displays content and works on any device. However, to make a page interactive you need a programming language that can be understood by the browsers. JavaScript is one of the core technologies of the World Wide Web.

In this course, you will learn to use JavaScript to add behavior to your web pages. You will create web content that is more interactive by adding animations, menus, scrolling text, interactive maps, and other kinds of lively content. All major web browsers have a dedicated JavaScript engine to execute the code on the user's device

What's inside

Syllabus

Get Started with JavaScript Routines

JavaScript is a versatile language to build both frontend and backend applications. In this learning sprint you will learn about dynamic typing, loops, conditional statements and functions .

Wrangle Data using Objects and Arrays

Most of the data exchanged between Client and Server these days is JSON. JSON can contain arrays, objects or a combination of them. In this learning sprint you will learn to structure data using Objects and Array and also apply transformations using Array Methods.

Develop Interactive Web Pages using DOM and DOM Events

Interactive Web Pages provide great User Experience. They just don't respond to user's interactions but also keeps them engaged and coming back for more. JavaScript is the way to build interactive Web Pages. In this learning sprint you will learn to add interactivity by understanding about DOM and DOM Events.

Validate User Data using Client Side JavaScript

JavaScript can help you saving lot of network bandwidth by preempting server validation and performing client side validation. In this learning sprint you will learn to validate users data using client side JavaScript.

Interact with Application Servers using HTTP Protocol

One of most popular protocols used for exchange of information is HTTP. Browsers and Application Servers exchange information using HTTP Protocol. In this learning sprint you will learn about HTTP, HTTP Methods and how do we exchange information with Application Servers.

Build Asynchronous Data Driven Applications Using Promises and Callbacks

There are tasks which can make pages Unresponsive. Like getting data from the server can be time consuming and can hinder user from using the rest of the application, until the data is received. You will learn to build asynchronous applications using Promises and Callbacks to provide uninterrupted responsive experience to users.

Optimize Delivery of Static Assets using JavaScript

Static resources like JS, CSS, images usually take large share of network bandwidth causing slow and unresponsive user experience. In this learning sprint you will learn to optimize static assets which is faster and responsive user experience.

Test web applications using JavaScript testing frameworks and libraries

Producing top quality products requires rigorous testing. Web isn't an exception. In this learning sprint you will learn to think and write test cases using JavaScript Libraries to test your Web Application.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Provides theoretical background on JavaScript's syntax and fundamentals

Covers advanced JavaScript topics like data structures, error handling, and asynchronous programming

Incorporates hands-on exercises and projects to reinforce understanding

Taught by instructors with expertise in JavaScript development

Aligned with industry standards and best practices

Requires basic programming knowledge

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Building Interactive Web Pages Using Modern JavaScript with these activities:

Review HTML5 and CSS3 basics

Show steps

Refresh your understanding of the foundational technologies used in this course.

Browse courses on HTML5

Show steps

Review the syntax and structure of HTML5.
Review the styles and properties of CSS3.
Complete practice exercises to test your knowledge.

Organize your course materials

Show steps

Keep your notes, assignments, and resources organized for easy access and review.

Show steps

Gather all your course materials.
Create a filing system for your materials.
Digitize and categorize your materials.

Read 'Eloquent JavaScript'

Show steps

Gain a comprehensive understanding of JavaScript's core concepts and best practices.

View Eloquent JavaScript, 4th Edition on Amazon

Show steps

Read through the book.
Take notes and highlight important concepts.
Complete the exercises and challenges in the book.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Join a JavaScript study group

Show steps

Collaborate with peers to enhance your understanding and problem-solving skills.

Browse courses on JavaScript

Show steps

Find a study group or create your own.
Set regular meeting times and stick to them.
Discuss course material, work on projects, and help each other.

Build a basic JavaScript calculator

Show steps

Reinforce JavaScript fundamentals by building a functional calculator.

Browse courses on JavaScript

Show steps

Find a step-by-step tutorial on building a JavaScript calculator.
Follow the tutorial to create the calculator in your own IDE.
Experiment with different calculations and input validation.

Practice CSS3 positioning

Show steps

Solve common layout problems by practicing advanced CSS positioning techniques.

Browse courses on CSS3

Show steps

Review the CSS box model and positioning properties.
Build a simple web page with different elements.
Experiment with different positioning properties to create desired layouts.

Design an interactive web page layout

Show steps

Apply design principles and front-end technologies to create a visually appealing and functional web page.

Browse courses on HTML5

Show steps

Sketch out a layout for your web page.
Create an HTML structure for your layout.
Style your layout using CSS3.
Add interactivity using JavaScript (optional).

Build a simple JavaScript game

Show steps

Apply your JavaScript skills to create a fully functional interactive game.

Browse courses on JavaScript

Show steps

Choose a simple game idea.
Design the game logic and mechanics.
Create the game's user interface.
Implement the game's functionality using JavaScript.
Test and debug your game.

Career center

Learners who complete Building Interactive Web Pages Using Modern JavaScript will develop knowledge and skills that may be useful to these careers:

Full-Stack Developer

Full Stack Developers work on both the client and server sides of a website. They are responsible for all aspects of a website's development, from design to deployment. This course provides a solid foundation in both front end and back end development, making it a great starting point for those who want to become Full Stack Developers.

See salaries and explore the career path for Full-Stack Developer

Front-End Developer

Front End Developers work primarily on the client side of a website. They are in charge of designing and developing what the end user sees on their screen, making sure that the site is easy to navigate and use. This course's key learning objectives include getting started with JavaScript routines, learning to wrangle data using objects and arrays, and developing interactive web pages using DOM and DOM events. These skills will greatly assist those who want to become Front End Developers.

See salaries and explore the career path for Front-End Developer

Quality Assurance Analyst

Quality Assurance Analysts test software to make sure that it meets requirements and is free of defects. They work with developers to identify and fix bugs. This course will teach you how to test web applications using JavaScript testing frameworks and libraries, which is a valuable skill for Quality Assurance Analysts.

See salaries and explore the career path for Quality Assurance Analyst

UX Designer

UX Designers focus on the user experience of a website or application. They work to make sure that websites are easy to use and navigate. This course's focus on interactive web pages using DOM and DOM events will be particularly useful for UX Designers.

See salaries and explore the career path for UX Designer

Back-End Developer

Back End Developers are responsible for the server-side of a website. They develop and maintain the code that makes a website function. This course helps you understand how to interact with application servers using HTTP protocol, how to build asynchronous data-driven applications, and how to optimize delivery of static assets. These are useful skills for those who want to become Back End Developers.

See salaries and explore the career path for Back-End Developer

Technical Writer

Technical Writers create documentation that explains how to use products or services. They work with subject-matter experts to gather information and then write clear and concise documentation. This course's focus on delivering static assets using JavaScript will be particularly useful for Technical Writers who need to create documentation for web-based products or services.

See salaries and explore the career path for Technical Writer

Systems Analyst

Systems Analysts analyze and design business systems. They work with businesses to understand their needs and then develop systems that meet those needs. This course's focus on interacting with application servers using HTTP protocol will be particularly useful for Systems Analysts who need to design and develop web-based systems.

See salaries and explore the career path for Systems Analyst

Information Security Analyst

Information Security Analysts protect computer systems and data from unauthorized access, use, disclosure, disruption, modification, or destruction. They work with organizations to develop and implement security measures. This course will teach you how to test web applications using JavaScript testing frameworks and libraries, which is a valuable skill for Information Security Analysts.

See salaries and explore the career path for Information Security Analyst

Software Engineer

Software Engineers apply the principles of computer science to the design, development, and maintenance of software. They work on a wide range of projects, from small-scale applications to enterprise-level systems. The skills taught in this course can be used to develop software applications. The course’s focus on interactive web pages using DOM and DOM events will be particularly useful for Software Engineers working on web-based applications.

See salaries and explore the career path for Software Engineer

Business Analyst

Business Analysts gather and analyze business requirements to help businesses make informed decisions. They work with stakeholders to understand their needs and then develop solutions that meet those needs. This course will teach you how to validate user data using client-side JavaScript, which is a valuable skill for Business Analysts.

See salaries and explore the career path for Business Analyst

Data Analyst

Data Analysts collect, clean, and analyze data to help businesses make informed decisions. They use a variety of tools and techniques to extract insights from data. This course will teach you how to wrangle data using objects and arrays, which is a valuable skill for Data Analysts.

See salaries and explore the career path for Data Analyst

Web Designer

Web Designers create the visual look and feel of a website. They work with clients to understand their needs and then design and develop a website that meets those needs. This course introduces you to the basics of web design and may be useful for those interested in becoming Web Designers.

See salaries and explore the career path for Web Designer

Web Developer

Web Developers are in charge of developing and maintaining websites. They apply programming languages to the design of websites and make use of those programming languages and tools to make sure that websites function properly. This course introduces you to some programming languages like JavaScript and helps build a foundation in both frontend and backend website applications. If you are interested in gaining the skills necessary to become a Web Developer, this course may be useful.

See salaries and explore the career path for Web Developer

Computer Programmer

Computer Programmers write and test code that makes computers perform specific tasks. They work on a variety of projects, from developing software applications to designing and maintaining computer systems. This course helps build a foundation in programming languages and may be useful for those interested in becoming Computer Programmers.

See salaries and explore the career path for Computer Programmer

Project Manager

Project Managers plan, execute, and close projects. They work with teams of people to achieve project goals. This course will help you develop the skills necessary to become a Project Manager, such as how to interact with application servers using HTTP protocol.

See salaries and explore the career path for Project Manager