Course Summary
In this course, you will learn the basics of JavaScript, including variables, functions, and basic syntax. You will also learn how to use JavaScript to manipulate HTML and CSS.Key Learning Points
- Gain a strong foundation in JavaScript programming
- Learn how to manipulate HTML and CSS using JavaScript
- Get hands-on experience with practical coding exercises
Related Topics for further study
Learning Outcomes
- Understand the basics of JavaScript programming
- Learn how to manipulate HTML and CSS using JavaScript
- Gain practical coding experience
Prerequisites or good to have knowledge before taking this course
- Basic understanding of HTML and CSS
- Access to a computer with internet connection
Course Difficulty Level
BeginnerCourse Format
- Online self-paced course
- Video lectures
- Interactive coding exercises
Similar Courses
- Web Development Fundamentals
- HTML, CSS, and Javascript for Web Developers
Related Education Paths
- Web Design and Development Professional Certificate
- Front-End Web Development with React Specialization
Notable People in This Field
- Wes Bos
- Sarah Drasner
Related Books
Description
This course introduces the programming language JavaScript and shows the websites that include the type of interactions students will eventually be able to develop. Learners will understand the importance of how JavaScript was developed and why such history impacts the way JavaScript is currently written and in future releases.
Knowledge
- Working with a Code Editor, Intro of Selection Control Structures, How to Create Loops, and Understanding Core Programming Structures.Â
Outline
- Getting Started, Introduction to JavaScript, Variables, and Arrays
- Welcome to this Course!
- Module 1 Introduction
- Introduction to JavaScript - Part 1
- Introduction to JavaScript - Part 2
- Introduction to JavaScript - Part 3
- Tools Needed for Success
- Skills Needed for Success
- JavaScript Variables
- JavaScript Variables Practice - Part 1
- JavaScript Variables Practice - Part 2
- JavaScript Variables Practice - Part 3
- JavaScript Arrays - Part 1
- JavaScript Arrays - Part 2
- JavaScript Arrays Practice
- A Note From UC Davis
- Additional Resources
- Additional Resources
- Assessing Your Skills in HTML & CSS
- Module 1 Quiz
- Controlling Logical Flow in JavaScript
- Module 2 Introduction
- Visual Studio - Part 1
- Visual Studio - Part 2
- Visual Studio - Part 3
- Operators, Booleans & Selection in JavaScript
- Try This!
- Comparing Values
- Else If
- Switch Statements
- Using &&
- Loops in JavaScript
- Working With Arrays
- The For...Of Loop
- While Loops
- Structured Programming, Sequence - Part 1
- Sequence - Part 2
- Sequence - Part 3, Loop
- Loop + Selection
- JavaScript Basic Challenges Introduction
- Functions in JavaScript
- Passing In and Returning Data
- Useful Example - Step 1
- Useful Example - Steps 2-4
- Useful Example - Step 5
- More On Functions
- Additional Resources
- Additional Resource
- JavaScript Basic Challenges Slide Deck
- Additional Resource
- Module 2 Quiz
- Using JavaScript in the Web Browser
- Module 3 Introduction
- JavaScript and the DOM
- Dot Syntax and Methods
- DOM: getElementsByTagName();
- DOM: getElementsByClassName();
- DOM: querySelector();
- DOM: querySelectorAll();
- innerHTML
- className
- Creating Elements and Text Nodes
- Removing Elements
- Capturing Events with JavaScript
- Event Listeners
- The Event Object
- More On Events
- Mouseover, Mouseover Events: HTML
- Scroll Events: HTML
- Window Resizing
- Key Down Event
- Scope in JavaScript
- Strategy 1: Never Use Global Scope
- Strategy 2: "use strict;"
- Strategy 3: const and let
- Scope in JavaScript Summary
- Simple JS Slideshow - Part 1
- Simple JS Slideshow - Part 2
- Simple JS Slideshow - Part 3
- Simple JS Slideshow - Part 4
- Simple JS Slideshow - Part 5
- Slideshow with Cross Fade Effect - Part 1
- Slideshow with Cross Fade Effect - Part 2
- Slideshow with Cross Fade Effect - Part 3
- Slideshow with Cross Fade Effect - Part 4
- Slideshow with Cross Fade Effect - Part 5
- Slideshow with Cross Fade Effect - Part 6
- Slideshow with Cross Fade Effect - Part 7
- Additional Resource
- Additional Resources
- JavaScript Event Challenges 22-30
- Additional Resources
- Simple Slide Show Start Files
- Advanced Slide Show Start Files
- Module 3 Quiz
- Basic JavaScript Application Projects
- Module 4 Introduction
- Basic Distance Converter Project - Part 1
- Basic Distance Converter Project - Part 2
- Basic Distance Converter Project - Part 3
- Basic Distance Converter Project - Part 4
- Basic Distance Converter Project - Part 5
- Advanced Distance Converter Project - Part 1
- Advanced Distance Converter Project - Part 2
- Advanced Distance Converter Project - Part 3
- Advanced Distance Converter Project - Part 4
- Advanced Distance Converter Project - Part 5
- Vacation Destination Project: HTML & CSS - Part 1
- Vacation Destination Project: HTML & CSS - Part 2
- Vacation Destination Project: HTML & CSS - Part 3
- Vacation Destination Project: HTML & CSS - Part 4
- Vacation Destination Project: HTML & CSS - Part 5
- Vacation Destination Project: HTML & CSS - Part 6
- Vacation Destination Project: JavaScript - Part 1
- Vacation Destination Project: JavaScript - Part 2
- Vacation Destination Project: JavaScript - Part 3
- Vacation Destination Project: JavaScript - Part 4
- Vacation Destination Project: JavaScript - Part 5
- Vacation Destination Project: JavaScript - Part 6
- Vacation Destination Project: JavaScript - Part 7
- Vacation Destination Project: JavaScript - Part 8
- Course Summary
- Basic Distance Converter Start Files
- Advanced Distance Converter Start Files
- Vacation Desitnation Project - Part 1 Start Files
- Vacation Destination Project - Part 2 Start Files
- Course Recap Quiz
Summary of User Reviews
Read reviews for the JavaScript Basics course on Coursera. Learn what other students are saying about this course and why it has an overall high rating. Discover the pros and cons of this course and decide if it's right for you.Key Aspect Users Liked About This Course
Many users appreciated the interactive exercises and quizzes which helped them understand the concepts better.Pros from User Reviews
- Interactive exercises and quizzes
- Clear and concise explanations
- Good pace for beginners
- Real-world examples and projects
- Great introduction to JavaScript
Cons from User Reviews
- Some users found the course too basic
- Not enough practice with coding
- Not suitable for advanced learners
- Limited interaction with the instructor
- Some technical glitches in the platform
William Mead
4.7 Raiting
Web Automation Testing For Beginners Using Nightwatch.js
- 4.6
-
![]()
![]()
![]()
![]()
![]()
Learn the basics of using Nightwatch. js to invoke Selenium and Webdriver for website test automation Do you need to learn how to write test automation for websites?...
Coding for beginners
- 4.1
-
![]()
![]()
![]()
![]()
![]()
Learn to code in Six different languages Coding knowledge is a must-have 21st century skill. The ability to read,write,and understand code...
Getting Started with Go
- 4.6
-
![]()
![]()
![]()
![]()
![]()
Learn the basics of Go, an open source programming language originally developed by a team at Google and enhanced by many contributors from the open source community....
Next.js & React - The Complete Guide (incl. Two Paths!)
- 4.7
-
![]()
![]()
![]()
![]()
![]()
Learn NextJS from the ground up and build production-ready, fullstack ReactJS apps with the NextJS framework! --- js! Next. Too many buzzwords for your taste?...
