We may earn an affiliate commission when you visit our partners.
Christian Wenz
Most JavaScript-based applications run in the browser. This course will teach you everything about the browser DOM and to interact with and change elements on the current page.
Read more
Most JavaScript-based applications run in the browser. This course will teach you everything about the browser DOM and to interact with and change elements on the current page.
Read more
Most JavaScript-based applications run in the browser. This course will teach you everything about the browser DOM and to interact with and change elements on the current page.
JavaScript can be used almost everywhere, but most of the time it runs in the browser. So let’s see how that works! In this course, JavaScript in the Browser, you’ll learn to interact with web pages using JavaScript. First, you’ll explore the browser DOM and how to change everything on the page. Next, you’ll discover event handling. Finally, you’ll learn how to handle HTML forms with JavaScript. When you’re finished with this course, you’ll have the skills and knowledge of JavaScript needed to work with the scripting language in a browser context.
Register for this course and see more details by visiting:
OpenCourser.com/course/0r6vai/javascript
What's inside
Syllabus
Course Overview
Document Object Model Fundamentals
Working with the DOM
Event Handling Fundamentals
Read more
Syllabus
Course Overview
Document Object Model Fundamentals
Working with the DOM
Event Handling Fundamentals
Read more
Mouse and Keyboard Event Handling
HTML Form Handling
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Tailored for those who work with JavaScript in a browser context
Develops essential industry-standard skills for working with web pages using JavaScript
Emphasizes event handling, a core aspect of web development
Taught by experienced instructors Christian Wenz, recognized for their work in JavaScript
Save this course
Save JavaScript in the Browser to your list so you can find it easily later:
Save
Save
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 JavaScript in the Browser with these
activities:
Review HTML and CSS Basics
Show steps
Refresh your knowledge of HTML and CSS before starting the course.
Browse courses on
HTML
Show steps
-
Review the structure and syntax of HTML.
-
Review the basic CSS properties and their effects.
-
Create a simple web page using HTML and CSS.
Read 'DOM Enlightenment'
Show steps
Gain a deeper understanding of the DOM and its manipulation techniques.
View
DOM Enlightenment: Exploring JavaScript and the...
on Amazon
Show steps
-
Read through the book and make notes on key concepts.
-
Experiment with the code examples provided in the book.
-
Apply the concepts to your own projects.
Collaborative DOM Manipulation
Show steps
Deepen your understanding through collaboration: form a study group to discuss DOM manipulation techniques and work on exercises together.
Browse courses on
JavaScript
Show steps
-
Find classmates interested in forming a study group.
-
Meet regularly to discuss concepts and work on exercises.
-
Share knowledge, provide peer support, and learn from each other.
Nine other activities
Expand to see all activities and additional details
Show all 12 activities
Follow Tutorials on Event Handling
Show steps
Supplement your understanding of event handling by following guided tutorials.
Browse courses on
Event Handling
Show steps
-
Find tutorials that cover various event types and handling techniques.
-
Follow the tutorials step-by-step and experiment with the code examples.
-
Try implementing the concepts in your own projects.
Interactive DOM Manipulation Tutorials
Show steps
Expand your understanding of DOM manipulation by following step-by-step tutorials that demonstrate practical applications.
Show steps
-
Find tutorials on DOM manipulation or JavaScript interactive effects.
-
Select a tutorial that aligns with your learning goals.
-
Follow the tutorial instructions and implement the code.
-
Experiment with different DOM elements and techniques.
Write Code Examples
Show steps
Practice manipulating elements on a web page by writing short code examples.
Show steps
-
Create a test web page with basic HTML elements.
-
Write a JavaScript function to change the text of a paragraph element.
-
Write a JavaScript function to add a new option to a select element.
-
Write a JavaScript function to remove an element from the DOM.
DOM Manipulation Exercises
Show steps
Sharpen your DOM manipulation skills through repetitive exercises.
Show steps
-
Create a list of DOM manipulation tasks.
-
Write JavaScript code to perform each task.
-
Test your code and make necessary adjustments.
Attend a JavaScript Meetup
Show steps
Connect with other JavaScript developers and learn about new technologies.
Browse courses on
JavaScript
Show steps
-
Find a JavaScript meetup in your area or online.
-
Attend the meetup and participate in discussions.
-
Network with other attendees and exchange knowledge.
Coding Exercises
Show steps
Sharpen your JavaScript skills by practicing the concepts covered in the Browser DOM and Event Handling sections.
Browse courses on
JavaScript
Show steps
-
Create a simple HTML page with interactive elements.
-
Implement event listeners to respond to user interactions.
-
Manipulate the DOM to change the page's content and appearance.
-
Solve coding challenges related to DOM and event handling.
Build an Interactive Webpage
Show steps
Demonstrate your understanding of DOM manipulation by creating a functional web page with interactive elements.
Show steps
-
Plan the structure and functionality of your webpage.
-
Create the HTML and CSS for your webpage.
-
Write the JavaScript code to manipulate the DOM and add interactivity.
-
Test your webpage and make necessary adjustments.
Interactive Web Page with DOM Manipulation
Show steps
Demonstrate your proficiency by creating an interactive web page that incorporates DOM manipulation techniques.
Browse courses on
JavaScript
Show steps
-
Plan and design the layout and functionality of your web page.
-
Code the HTML and CSS for the page.
-
Implement JavaScript to manipulate the DOM and add interactivity.
-
Test and refine your web page to ensure proper functionality.
Design a Form with JavaScript
Show steps
Apply your knowledge of JavaScript to create a functional form.
Browse courses on
HTML Forms
Show steps
-
Design the form layout and structure using HTML and CSS.
-
Write JavaScript functions to handle form submission, validation, and data processing.
-
Test the form and make necessary adjustments.
Review HTML and CSS Basics
Show steps
Refresh your knowledge of HTML and CSS before starting the course.
Browse courses on
HTML
Show steps
Show steps
Show steps
- Review the structure and syntax of HTML.
- Review the basic CSS properties and their effects.
- Create a simple web page using HTML and CSS.
Read 'DOM Enlightenment'
Show steps
Gain a deeper understanding of the DOM and its manipulation techniques.
View
DOM Enlightenment: Exploring JavaScript and the...
on Amazon
Show steps
Show steps
Show steps
- Read through the book and make notes on key concepts.
- Experiment with the code examples provided in the book.
- Apply the concepts to your own projects.
Collaborative DOM Manipulation
Show steps
Deepen your understanding through collaboration: form a study group to discuss DOM manipulation techniques and work on exercises together.
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Find classmates interested in forming a study group.
- Meet regularly to discuss concepts and work on exercises.
- Share knowledge, provide peer support, and learn from each other.
Nine other activities
Expand to see all activities and additional details
Show all 12 activities
Follow Tutorials on Event Handling
Show steps
Supplement your understanding of event handling by following guided tutorials.
Browse courses on
Event Handling
Show steps
Show steps
Show steps
- Find tutorials that cover various event types and handling techniques.
- Follow the tutorials step-by-step and experiment with the code examples.
- Try implementing the concepts in your own projects.
Interactive DOM Manipulation Tutorials
Show steps
Expand your understanding of DOM manipulation by following step-by-step tutorials that demonstrate practical applications.
Show steps
Show steps
Show steps
- Find tutorials on DOM manipulation or JavaScript interactive effects.
- Select a tutorial that aligns with your learning goals.
- Follow the tutorial instructions and implement the code.
- Experiment with different DOM elements and techniques.
Write Code Examples
Show steps
Practice manipulating elements on a web page by writing short code examples.
Show steps
Show steps
Show steps
- Create a test web page with basic HTML elements.
- Write a JavaScript function to change the text of a paragraph element.
- Write a JavaScript function to add a new option to a select element.
- Write a JavaScript function to remove an element from the DOM.
DOM Manipulation Exercises
Show steps
Sharpen your DOM manipulation skills through repetitive exercises.
Show steps
Show steps
Show steps
- Create a list of DOM manipulation tasks.
- Write JavaScript code to perform each task.
- Test your code and make necessary adjustments.
Attend a JavaScript Meetup
Show steps
Connect with other JavaScript developers and learn about new technologies.
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Find a JavaScript meetup in your area or online.
- Attend the meetup and participate in discussions.
- Network with other attendees and exchange knowledge.
Coding Exercises
Show steps
Sharpen your JavaScript skills by practicing the concepts covered in the Browser DOM and Event Handling sections.
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Create a simple HTML page with interactive elements.
- Implement event listeners to respond to user interactions.
- Manipulate the DOM to change the page's content and appearance.
- Solve coding challenges related to DOM and event handling.
Build an Interactive Webpage
Show steps
Demonstrate your understanding of DOM manipulation by creating a functional web page with interactive elements.
Show steps
Show steps
Show steps
- Plan the structure and functionality of your webpage.
- Create the HTML and CSS for your webpage.
- Write the JavaScript code to manipulate the DOM and add interactivity.
- Test your webpage and make necessary adjustments.
Interactive Web Page with DOM Manipulation
Show steps
Demonstrate your proficiency by creating an interactive web page that incorporates DOM manipulation techniques.
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Plan and design the layout and functionality of your web page.
- Code the HTML and CSS for the page.
- Implement JavaScript to manipulate the DOM and add interactivity.
- Test and refine your web page to ensure proper functionality.
Design a Form with JavaScript
Show steps
Apply your knowledge of JavaScript to create a functional form.
Browse courses on
HTML Forms
Show steps
Show steps
Show steps
- Design the form layout and structure using HTML and CSS.
- Write JavaScript functions to handle form submission, validation, and data processing.
- Test the form and make necessary adjustments.
Career center
Learners who complete JavaScript in the Browser will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
A Front-End Developer is a software engineer who builds and maintains the front-end of websites and web applications. They use a variety of programming languages and technologies, including HTML, CSS, and JavaScript, to create user interfaces that are both visually appealing and functional. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Front-End Developers. You will learn how to use JavaScript to interact with the DOM, handle events, and create dynamic web pages.
Web Developer
Web Developer
A Web Developer is a software engineer who builds and maintains websites and web applications. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and PHP, to create websites that are both visually appealing and functional. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Web Developers. You will learn how to use JavaScript to interact with the DOM, handle events, and create dynamic web pages.
Full-Stack Developer
Full-Stack Developer
A Full-Stack Developer is a software engineer who builds and maintains both the front-end and back-end of websites and web applications. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, PHP, and MySQL, to create websites that are both visually appealing and functional. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Full-Stack Developers. You will learn how to use JavaScript to interact with the DOM, handle events, and create dynamic web pages.
Software Engineer
Software Engineer
A Software Engineer is a computer scientist who designs, develops, and maintains software applications. They use a variety of programming languages and technologies, including JavaScript, to create software that is both efficient and reliable. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Software Engineers. You will learn how to use JavaScript to create dynamic web pages, handle events, and interact with the DOM.
Computer Programmer
Computer Programmer
A Computer Programmer is a computer scientist who writes and maintains code for software applications. They use a variety of programming languages and technologies, including JavaScript, to create software that is both efficient and reliable. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Computer Programmers. You will learn how to use JavaScript to create dynamic web pages, handle events, and interact with the DOM.
User Experience Designer
User Experience Designer
A User Experience Designer is a creative professional who designs the user experience for websites and web applications. They use a variety of design tools and technologies, including HTML, CSS, and JavaScript, to create websites that are both visually appealing and easy to use. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for User Experience Designers. You will learn how to use JavaScript to create dynamic web pages, handle events, and interact with the DOM.
Web Designer
Web Designer
A Web Designer is a creative professional who designs the visual appearance of websites and web applications. They use a variety of design tools and technologies, including HTML, CSS, and JavaScript, to create websites that are both visually appealing and functional. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Web Designers. You will learn how to use JavaScript to create dynamic web pages, handle events, and interact with the DOM.
Data Scientist
Data Scientist
A Data Scientist is a business professional who uses data to solve problems. They use a variety of tools and techniques, including JavaScript, to analyze data and make recommendations for improvements. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Data Scientists. You will learn how to use JavaScript to analyze data, create visualizations, and build models.
Business Analyst
Business Analyst
A Business Analyst is a business professional who helps organizations improve their business processes. They use a variety of tools and techniques, including JavaScript, to analyze data and make recommendations for improvements. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Business Analysts. You will learn how to use JavaScript to analyze data, create visualizations, and build models.
Data Analyst
Data Analyst
A Data Analyst is a business professional who uses data to make decisions. They use a variety of tools and techniques, including JavaScript, to analyze data and make recommendations for improvements. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Data Analysts. You will learn how to use JavaScript to analyze data, create visualizations, and build models.
Product Manager
Product Manager
A Product Manager is a business professional who is responsible for the development and launch of new products. They work with a team of engineers, designers, and marketers to create products that meet the needs of customers. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Product Managers. You will learn how to use JavaScript to create dynamic web pages, handle events, and interact with the DOM.
Software Architect
Software Architect
A Software Architect is a computer scientist who designs and builds software systems. They use a variety of programming languages and technologies, including JavaScript, to create systems that are both efficient and reliable. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Software Architects. You will learn how to use JavaScript to design and build software systems, create architectures, and make decisions.
Machine Learning Engineer
Machine Learning Engineer
A Machine Learning Engineer is a computer scientist who builds and maintains machine learning models. They use a variety of programming languages and technologies, including JavaScript, to create models that can learn from data and make predictions. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Machine Learning Engineers. You will learn how to use JavaScript to create machine learning models, train them on data, and make predictions.
Artificial Intelligence Engineer
Artificial Intelligence Engineer
An Artificial Intelligence Engineer is a computer scientist who builds and maintains artificial intelligence systems. They use a variety of programming languages and technologies, including JavaScript, to create systems that can learn from data and make decisions. This course will teach you the fundamentals of JavaScript, which is one of the most important programming languages for Artificial Intelligence Engineers. You will learn how to use JavaScript to create artificial intelligence systems, train them on data, and make decisions.
Technical Writer
Technical Writer
A Technical Writer is a writer who creates documentation for software and other technical products. They use a variety of tools and technologies, including JavaScript, to create documentation that is both clear and concise. This course may be useful for Technical Writers who want to learn more about JavaScript.
For more career information including salaries, visit:
OpenCourser.com/course/0r6vai/javascript
Reading list
We've selected ten books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
JavaScript in the Browser.
Comprehensive reference for experienced JavaScript developers. It covers all aspects of the language in great detail and provides a valuable resource for professionals.
Provides a comprehensive reference for JavaScript developers. It covers all aspects of the language in great detail and provides a valuable resource for professionals.
Provides a deep dive into the ECMAScript 6 specification. It is suitable for experienced JavaScript developers who want to stay up-to-date with the latest advancements in the language.
Provides a deep understanding of the core JavaScript language and its best practices. It is an excellent reference for experienced JavaScript developers who want to improve their skills.
Provides a collection of advanced JavaScript techniques and best practices. It is suitable for experienced developers who want to take their skills to the next level.
Provides a collection of reusable design patterns for JavaScript developers. It valuable resource for experienced developers who want to improve the quality and maintainability of their code.
Provides a comprehensive and engaging introduction to JavaScript. It is suitable for beginners and intermediate learners who want to build a strong foundation in the language.
Save
Provides a collection of practical tips and techniques for writing efficient and effective JavaScript code. It is suitable for experienced developers who want to improve the quality of their code.
Uses a unique and engaging approach to teach JavaScript. It is suitable for visual learners who prefer a more interactive and hands-on learning experience.
Save
Provides a fun and engaging introduction to JavaScript for kids and beginners. It is suitable for young learners who want to learn the basics of programming.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/0r6vai/javascript
Share
Similar courses
Here are nine courses similar to
JavaScript in the Browser.
JavaScript & the DOM
OpenCourser.com/course/z9dtih/javascript
JavaScript & the DOM
Most relevant
DOM Manipulation with TypeScript
OpenCourser.com/course/5bnaa9/dom
DOM Manipulation with TypeScript
Most relevant
What Is React?
OpenCourser.com/course/5bsnzv/what
What Is React?
Most relevant
Creating Interactive Experiences Using HTML APIs
OpenCourser.com/course/c5us2y/creating
Creating Interactive Experiences Using HTML APIs
Most relevant
Svelte & SvelteKit: The Complete Guide
OpenCourser.com/course/kddbp1/svelte
Svelte & SvelteKit: The Complete Guide
Most relevant
JavaScript, jQuery, and JSON
OpenCourser.com/course/jglwpq/javascript
JavaScript, jQuery, and JSON
An Introduction to Web Development
OpenCourser.com/course/pmls84/introduction
An Introduction to Web Development
JavaScript Programming Essentials
OpenCourser.com/course/dcah05/javascript
JavaScript Programming Essentials
Using JavaScript and JSON in Django
OpenCourser.com/course/ulb6rr/using
Using JavaScript and JSON in Django
Time
140 hours
Level
Intermediate
Via
Pluralsight
Instructor
Christian Wenz
Language
English
Good to know
Tailored for those who work with JavaScript in a browser context
Develops essential industry-standard skills for working with web pages using JavaScript
Emphasizes event handling, a core aspect of web development
Taught by experienced instructors Christian Wenz, recognized for their work in JavaScript
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser