Javascript is a vital part of dynamic content on the modern web. From simple scripts to complex interactions that require frameworks, Javascript enhances user experiences on the web.
There are two major types of Javascript, and this Udacity Javascript hub covers both. The first type is “vanilla” Javascript, scripts you can write using the basic rules in the Javascript standard. The second type is framework-driven Javascript that creates complex content building upon others’ frameworks, like Angular and React or libraries like FusionCharts.
This Javascript hub contains easy-to-follow guides on a wide range of Javascript topics. Most articles provide sample code to demonstrate how Javascript works in the real world.
This hub is meant to be a comprehensive resource, so we will add new content as it’s published. Check back here for more Javascript content.
Javascript Examples Quick Reference
Get an overview of Udacity’s available Javascript code examples at Javascript Examples: An Overview of Udacity’s Javascript Code.
Javascript Articles Index
Explore basic “vanilla” Javascript with these topics:
- Changing Element Styling with Javascript CSS
- Complex Manipulations of Javascript Strings with Javascript String Methods
- Storing Data Values with Javascript Variables
- Controlling Execution Contexts with Javascript Global Scope and Javascript Variable Scopes
- Exiting Loops with Javascript Break and Javascript Continue
- Javascript ES6: A New Frontier for JavaScript
- How to Add Javascript to HTML
- Javascript Booleans: True or False Values
- Creating Javascript Popup Windows: Javascript Alert Boxes and More
- Writing Javascript on the Web with Online Javascript Editors
- Ensuring Data Integrity with Javascript Data Types and the Javascript Typeof Operator
- Clarifying Code with Javascript Comments
- Deciding on a Page Address with Window.location
- Managing Dates with Javascript Date Formats
- Complex Manipulations of Javascript Arrays with Javascript Array Methods
- Storing User Data with Javascript Cookies
- Performing Actions Until a Condition is no Longer True Using Javascript While Loops
- Creating Structured Data with JSON Objects
- Grouping Data with JSON Arrays
- Creating Javascript Random Numbers with Math.random()
- Javascript Timers and Javascript Wait Functions: Handling Execution Times
- What are Javascript Objects? Containers for Reusable Properties and Behaviors
- Converting Javascript Objects into Strings with JSON.stringify()
- Manipulating HTML Through the Javascript Document Object Model (DOM)
- Comparing Values by Using Operators: Javascript AND, Javascript OR, and Many More
- Handling Errors with Javascript Try Catch Statements
- Creating and Managing Program Output: Javascript Print Strategies
- How to Manage Multiple Values with Javascript Arrays
- Converting JSON into Javascript Objects with JSON.parse()
- Creating Reusable Behaviors with Javascript Functions
- Modeling Data inside Javascript with JSON
- Executing Instructions Based on Fixed Values with Javascript Switch Statements
- Javascript Basics Tutorial
- Controlling Program Flow with Javascript If Else Statements
- The Many Types of Javascript For Loop
- Changing Function Contexts with Javascript Call()
- Javascript Arithmetic — Crunching the Numbers
- Javascript Constants — Fortresses Against Confusion
- Javascript Let — Containers For Your Data
- Javascript Array Sort — Moving The Links Around
- Javascript What Time Is It? What’s Today’s Date?
- Javascript Function Arguments — Passing The Buck
- Javascript Regular Expressions — Search By Pattern
- The HTML DOM & JavaScript — Inside the Big Top
- Javascript Strict Mode — Walking The Straight Path
- Javascript HTML Form Validation — Dotting Every I
Explore framework- and library-driven Javascript with these topics:
- (FusionCharts) How to Make Charts in Javascript
- (React) React Developer Tools Explained
Learn more about being a Javascript developer with these topics:
- Javascript Developer: Is This the Job for You?
- The Best Ways to Learn Javascript
- (React) Best React Developer Jobs and How You Can Get One
- (React) What to Expect as a Junior React Developer
- (React) React Developer Salary Expectations
- (React) 3 Ways to Advance Beyond Entry-Level React Developer
The Power of Javascript
Basic Javascript skills serve web developers of all experience levels, and they’re the basis for many of the most in-demand web development techniques today. Learning the basics of how Javascript works will prepare you for working with frameworks like JQuery and Node.js. Whether creating client-side or server-side code, Javascript skills give you the potential to develop in many different web stacks.
Many in-demand jobs require you to have experience with a specific Javascript framework, but learning basic Javascript gives you the tools to understand any framework you need. Once you learn basic Javascript and your first framework, you can apply their concepts to any other Javascript framework and learn it fast. Remember, all of Javascript has the same roots in the Javascript standard, so you can always remember your basics if you get stuck.
Go Even Further with Your Programming Potential
This hub is a great place to get started with Javascript or to learn about advanced topics you haven’t encountered yet. You can learn about even more through this hub, though, because many Javascript articles link to related topics, like Java programming.
Enroll in the Intro to Programming Nanodegree Program to improve your skills and make yourself indispensable as a Javascript developer. Through Udacity’s talented instructors, the core concepts of Javascript can propel you to great heights.