
This course includes our updated coding exercises so you can practice your skills as you learn.
See a demo
Explore what programming is and a brief history of computing, then see how high-level languages like JavaScript turn into machine code via compilers and interpreters in browsers.
Build a product application by defining a product with name, type, price, currency, and image, then display products in the console and prepare to render with JavaScript and HTML.
Access object properties in JavaScript by using dot and bracket notation, including dynamic access with a key variable, and view property values like name, type, price, and currency.
Learn to use default parameters to provide fallback values for product fields, preventing undefined results when inputs are missing.
Define a rectangle object with a create rectangle function, compute area and circumference from sides A and B, and display results with console logs.
Master array indexing in JavaScript by accessing products with zero-based indices, using length, and manipulating item data through console logs.
Explore how if statements create branching in code by evaluating true or false conditions. Learn how else and else if guide execution when prior conditions fail.
Explore how to use a for loop in JavaScript to iterate over products, print indices and names, and avoid undefined errors by aligning loop bounds with the array length.
Iterate over products and use an object method to display each item's name, price, currency, and image, highlighting how the method runs in the object's context.
Explore prototype chains, inheritance, and constructor functions in JavaScript; learn how prototypes and objects share methods and properties across classes like product and fancy product.
Learn how to implement a persona class in JavaScript with name, age, and nationality properties, a constructor, and methods to display information, manage an array of people, and validate data.
Master the document object model by building HTML structures with elements, paragraphs, and text in a parent-child tree, and draw the DOM including head and body.
What is JavaScript?
JavaScript, a dynamic scripting language, empowers web pages with interactive features. JavaScript is often at the core when a web page goes beyond static content involving dynamic updates, interactive maps, animated graphics, or scrolling video jukeboxes.
What You'll Work On:
Embark on a comprehensive journey through six key topic groups in this course. Each section is packed with assignments and coding exercises, culminating in developing a web application for product display—a project spanning the entire course. Starting with a simple console application and concluding with React JS, you'll witness the evolution of your application and gain a profound understanding of the programming process.
Course Sections:
JS Basics: Delve into the fundamentals of the JavaScript programming language while cultivating programmatic thinking applicable to various languages. Topics include computing history, variables, functions, objects, arrays, conditionals, debugging, and more.
HTML Basics: Explore the core elements of HTML, understanding document structure, the Document Object Model (DOM), and essential functions.
CSS Basics: Elevate your website's aesthetics with effective styling techniques, focusing on the widely used flex and grid stylings.
HTML + JS: Uncover the synergy between JavaScript and HTML, mimicking the seamless interaction in modern frameworks like Angular, Vue, or React. Topics include HTML nodes, dynamic elements, mini JS frameworks, modularity, and ES/Common modules.
Web Server + Webpack: Gain insights into client-server communication and create a custom web server for your HTML project. Explore Webpack as a bundler, enabling the combination of JavaScript code. Dive into Node JS and Webpack intricacies.
React JS: Conclude the course with a deep dive into the React JS library. Learn to effortlessly create web applications, incorporating hooks, state management, and reactivity. Bring everything together in a final version of your web app, solidifying your understanding of React JS.
Embark on this extensive journey and emerge as a proficient developer.