JavaScript

• 24 min
  Workshop

  Create a Portfolio Using React

  Build an impressive portfolio with React that showcases your skills to potential employers. We'll start with provided styles and focus on creating components and adding interactivity. The portfolio will have a mobile-first design and be user-friendly for everyone. By the end, you'll have a simple yet impressive portfolio to show to potential employers.

  Viewed
  • React
  • Intermediate
• 53 min
  Workshop

  Create a Portfolio Using HTML and CSS

  Portfolios are a great way to show off your skills to a potential employer. In this workshop, we’ll start with provided mockups and journey together through the construction of a stunning portfolio using HTML and CSS, sprinkling in a touch of JavaScript for interactivity. Prioritizing a mobile-first approach and keeping accessibility in mind, we’ll ensure the portfolio is not only visually captivating but also user-friendly for all.

  Viewed
  • CSS
  • Beginner
• 19 min
  Workshop

  Deploying a React App

  Learn how to create a production build of your React application and deploy it to a server using free tools and services like Vercel and Netlify.

  Viewed
  • JavaScript
  • Intermediate
• 7 min
  Practice

  Practice ExpressJS: Middleware

  Practice middleware in ExpressJS by replicating user authentication and controlling access to protected routes.

  Viewed
  • JavaScript
  • Beginner
• 41 min
  Workshop

  Navigate Unfamiliar Code with AI

  Join Dustin as he showcases the actual process of constructing a task manager application when faced with an unfamiliar codebase. Using AI tools such as GitHub Copilot and ChatGPT to assist in bridging any gaps that come up along the way.

  Viewed
  • AI
  • Intermediate
• 3 min
  Practice

  Practice Web Accessibility: Checkboxes

  Practice web accessibility by adding focus states to checkbox inputs with JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 42 min
  Workshop

  Pagination with GitHub Copilot

  Follow along with Dustin in this fun, unscripted, live coding session where he demonstrates the strengths and weaknesses of using GitHub Copilot as a co-developer. In this video, Dustin builds a friends app that utilizes pagination with vanilla JavaScript! How much do you think GitHub Copilot was able to help?

  Viewed
  • AI
  • Intermediate
• 4 min
  Practice

  Practice DOM Manipulation: Modal

  Practice DOM Manipulation with JavaScript by creating a modal.

  Viewed
  • JavaScript
  • Intermediate
• 7 min
  Practice

  Practice Filtering Paginated Data

  Practice implementing user-friendly data filtering and displaying the paginated results using JavaScript event listeners.

  Viewed
  • JavaScript
  • Beginner
• 4 min
  Practice

  Practice DOM Manipulation: Checkboxes

  Practice DOM Manipulation with JavaScript by conditionally disabling checkboxes.

  Viewed
  • JavaScript
  • Beginner
• 11 min
  Practice

  Practice React Component Rendering

  Sharpen your React skills by practicing JSX, creating and rendering components, passing down props, as well as iterating over data, and more.

  Viewed
  • JavaScript
  • Beginner
• 10 min
  Practice

  Practice Data Pagination

  Practice data pagination with JavaScript to enhance user experience and optimize web performance by efficiently managing and displaying large datasets.

  Viewed
  • JavaScript
  • Beginner
• 5 min
  Practice

  Practice Fetch API

  Practice Fetch API using the REST Countries API.

  Viewed
  • JavaScript
  • Intermediate
• 8 min
  Practice

  Practice Dynamic Select Menus

  Practice creating intuitive and error-proof web forms using JavaScript to automatically update select menu options as users make choices.

  Viewed
  • JavaScript
  • Beginner
• 4 min
  Practice

  Practice JavaScript Basics: Conditional Strings

  Practice conditional strings with JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 6 min
  Practice

  Practice DOM Manipulation: Form Validation

  Practice DOM Manipulation with JavaScript.

  Viewed
  • JavaScript
  • Intermediate
• 18 min
  Workshop

  Build Your Own AI Image Generator

  Improve your JavaScript skills with a hands-on experience! Join Dustin as he guides you through building an AI-powered image generator using vanilla JavaScript. This exciting project will reinforce your foundational JavaScript knowledge, including variables, functions, arrays, and more. Learn how to connect to the OpenAI API and showcase the retrieved data. Don't miss this perfect opportunity to enhance your JavaScript basics while following along step by step. Let's get coding!

  Viewed
  • AI
  • Beginner
• 9 min
  Workshop

  SQL to Sequelize with ChatGPT

  Learn how to leverage ChatGPT to effortlessly transform raw SQL queries into Sequelize queries.

  Viewed
  • AI
  • Beginner
• 14 min
  Workshop

  Debugging with ChatGPT

  Join me in this exciting video as we harness the power of ChatGPT, the AI coding assistant, to debug our code. Discover how AI can revolutionize your debugging process and help you squash those pesky bugs in record time! Whether you're a seasoned developer or just starting out, this video showcases the potential of AI-driven debugging.

  Viewed
  • AI
  • Beginner
• 28 min
  Workshop

  Building a React App with ChatGPT

  Learn how to create a React app using ChatGPT! In this video, we harness the capabilities of ChatGPT to generate the initial code and continuously improve our app's functionality and user experience. Witness the synergy between AI and React as we explore the pros and cons of leveraging ChatGPT in app development. Join us on this exciting journey of building a feature-rich app with ChatGPT and React.

  Viewed
  • AI
  • Beginner
• 22 min
  Workshop

  Build a ChatGPT Discord Bot

  In this tutorial video, Dustin will guide you through the process of building a ChatGPT-powered Discord bot. You'll learn how to create a bot that listens to messages in a designated channel, sends those messages to the ChatGPT API for processing, and then responds with the generated text from the AI. By the end of this tutorial, you'll have a functional Discord bot that can generate responses to user messages using the power of ChatGPT. So whether you're a seasoned developer or just starting out, come join Dustin and learn how to build a ChatGPT Discord bot today!

  Viewed
  • AI
  • Beginner
• 15 min
  Workshop

  Build a Basic ChatGPT Clone with Vanilla JavaScript

  Learn to build a basic ChatGPT clone with vanilla JavaScript in this video. Follow along with Dustin as he walks you through the process, from writing the HTML for the UI to integrating the OpenAI API. By the end, you'll have a functional chatbot that can generate human-like responses to user inputs!

  Viewed
  • AI
  • Beginner
• 21 min
  Workshop

  How to Set Up a React App

  React is a popular JavaScript library used for building user interfaces. In this workshop, you will learn how to set up a React app from scratch using Create React App and Vite. In this course, you'll learn step-by-step how to create a new React project, the starter files each built tool starts you off with and the default commands it comes with.

  Viewed
  • JavaScript
  • Intermediate
• 35 min
  Workshop

  How to Build a Google Chrome Extension: Strong Password Generator

  Ever wanted to make your own Google Chrome Extension? Follow along as Dustin builds a strong password generator and then converts it to a Google Chrome Extension! This project is built with HTML, SASS, and vanilla JavaScript so a good understanding of those concepts will help you understand this project. If you need a refresher, take a look at some of the courses in the Teacher's Notes that cover the basics.

  Viewed
  • JavaScript
  • Beginner
• 35 min
  Workshop

  Auto User Search with JavaScript - Treehouse Live

  Need practice working with the Document Object Model (DOM)? This project showcases some of the core concepts needed to interact with and manipulate the DOM. Follow along as Dustin builds a searchable input field that filters users based on your search query!

  Viewed
  • JavaScript
  • Beginner
• 1 min
  Workshop

  Copy to Clipboard

  Ever wondered how a copy to clipboard button works? They’re all over the web. In this quick guide, Dustin demonstrates how to add this feature to an input field with ease by writing just a few lines of JavaScript!

  Viewed
  • JavaScript
  • Beginner
• 33 min
  Workshop

  Build an Interactive Settings Panel - Treehouse Live

  Want to code out a real-world project with Dustin? Follow along with our Treehouse Live replay as he builds a settings panel UI from scratch with just HTML and CSS. Then, he refactors the app with JavaScript to render parts of the UI dynamically. Stick around to the end to find out how he implements a dark mode toggle for the settings panel itself with an event listener!

  Viewed
  • JavaScript
  • Beginner
• 54 min
  Workshop

  React Context API

  In the typical React data flow, components communicate with each other via props. A parent passes props down to child components. Sometimes the intermediary components get props passed to them with the sole purpose of passing that data down one (or several) more levels deep. This cascade of props is often referred to as "prop drilling". The React Context API provides a way to pass data to components without having to pass props manually at every single level.

  Viewed
  • JavaScript
  • Intermediate
• 6 min
  Workshop

  JavaScript Array Methods: reduce()

  The reduce() method in JavaScript is used to apply a function to each element in an array, with the purpose of reducing the array to a single value. It has some relatively straightforward applications such as calculating the sum or average of the elements in an array. However, it can also perform more complex operations, including flattening a multi-dimensional array into a single-dimensional array, counting the occurrences of a particular element in an array, converting an array of objects into a single object, filtering an array based on a condition, and more. Learn how to use reduce() with Dustin as he goes over some use cases and the official documentation.

  Viewed
  • JavaScript
  • Beginner
• 2 min
  Workshop

  JavaScript Array Methods: includes()

  Have you ever wondered if an array includes a specific value? There is an easy way to check by using a JavaScript array method known as includes(). Follow along as Dustin explains and demonstrates this easy-to-use method.

  Viewed
  • JavaScript
  • Beginner
• 7 min
  Workshop

  JavaScript Array Methods: sort()

  Have you ever needed to sort an array in alphabetical order? Or what about sorting an array of players based on their scores? The sort() JavaScript array method can do this with ease, though there are a few pitfalls you have to keep in mind. Follow along as Dustin explains how to incorporate this method into your projects to sort your data efficiently.

  Viewed
  • JavaScript
  • Beginner
• 4 min
  Workshop

  JavaScript Array Methods: find()

  Have you ever needed to find or locate a specific array item? Luckily for us, we have a JavaScript method that can handle that task with ease. In this quick guide, Dustin will go over the documentation and how to use this method.

  Viewed
  • JavaScript
  • Beginner
• 43 min
  Workshop

  Data Fetching in React

  Learn different methods for fetching external data in React, and how to display the data in your app.

  Viewed
  • JavaScript
  • Intermediate
• 5 min
  Workshop

  JavaScript Array Methods: filter()

  Have you ever needed to filter array elements by certain criteria? For example, to get numbers within a range, or strings that contain certain characters? Luckily, there is an easy way to do this in JavaScript by using the filter() method. Follow along as Dustin dives into how to use this method and what it can do. Then, he offers a challenge (and a solution) so you can get some practice using it right away.

  Viewed
  • JavaScript
  • Beginner
• 4 min
  Workshop

  forEach() vs. map() - What’s the Difference?

  Have you ever needed to loop over an array and weren't sure which method to use? At first, forEach() and map() can seem to do the same thing, right? So which one do you choose and what is the difference between them? In this quick guide, Dustin goes over one thing that sets these two methods apart. If you're unfamiliar with forEach() or map() and would like to learn more, check out the guides in the notes below.

  Viewed
  • JavaScript
  • Beginner
• 6 min
  Workshop

  JavaScript Array Methods: map()

  Still using a for loop to iterate over a collection of array elements? In this quick guide, Dustin introduces an array method known as map() that has a more straightforward syntax than the standard for loop and some extra features. Follow along to learn how and when to use the map() array method.

  Viewed
  • JavaScript
  • Beginner
• 16 min
  Workshop

  JavaScript Array Methods: forEach()

  Being able to loop over items in an array is a crucial skill to understand as a developer. The popular JavaScript array method forEach() allows you to do this with clean, simple syntax. Follow along as Dustin explains and demonstrates forEach(). Stick around for the second video to see it in a real-world example! Dustin builds a simple settings app that includes toggle switches and status messages based on the user's input.

  Viewed
  • JavaScript
  • Beginner
• 38 min
  Workshop

  Create a Chat App UI - Treehouse Live

  In this live demonstration, Dustin builds a chat app UI (user interface) using HTML, CSS, and JavaScript. The slick design includes a toggle button for dark mode. The GitHub link in the teacher's notes includes both the starter files and the completed code. You can follow along and build the project yourself, as well as study Dustin's version. Note that he builds only the UI, not the chat app itself.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Workshop

  Basic JavaScript Array Methods

  Arrays are used to store a collection of multiple items under a single variable name. This collection could be things like strings, numbers, or even a mix of different data types. Sometimes we need to update or manipulate our arrays by adding or removing items, or combining one array with another. In this guide, I’ll go over just some of the many basic JavaScript array methods. Methods we’ll discuss include: .push(), .pop(), .shift(), .unshift(), .indexOf(), .toString(), .join(), & .concat().

  Viewed
  • JavaScript
  • Beginner
• 10 min
  Workshop

  JavaScript Emoji Selector Using Fetch

  There are APIs for just about everything. In this workshop, I'll take you through how to connect to an API using fetch. We'll add a feature to a chat application to toggle a menu full of emojis that are coming from the open-emoji API.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Workshop

  JavaScript Accordion

  Accordions are everywhere on the web and even in mobile apps. They’re an effective way to show and hide content based on user interaction. In this guide, I’ll go over how to create an accordion using HTML, CSS, and a little bit of JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 10 min
  Workshop

  Animated Hamburger Menu

  Want to set up a hamburger menu for your mobile navigation with a slick animation? It's not as hard as you may think. Follow along while I tackle this small UX feature!

  Viewed
  • CSS
  • Beginner
• 8 min
  Workshop

  Full Stack JavaScript Techdegree Portfolio Overview

  Here at Treehouse, we have many Techdegrees to get you job ready no matter your skill level. The Full Stack JavaScript Techdegree is one of the most popular. Come take a look at all the professional-quality projects you'll build in this Techdegree!
  
  Start your free trial today! (https://trhou.se/3I1UNT3)
  
  Projects Random Quote Generator (https://teamtreehouse.com/library/introducing-the-random-quote-generator-2) Data Pagination and Filtering (https://teamtreehouse.com/library/introducing-the-data-pagination-and-filtering-project-2) Interactive Form (https://teamtreehouse.com/library/introducing-the-interactive-form-project-2) OOP Game Show App (https://teamtreehouse.com/library/introducing-the-oop-game-show-app-2) Public API Requests (https://teamtreehouse.com/library/introducing-the-api-requests-project-2) Static Node.js and Express Site (https://teamtreehouse.com/library/introducing-the-static-nodejs-and-express-site-project-2) React Gallery App (https://teamtreehouse.com/library/introducing-the-react-gallery-app-project-2) SQL Library Manager (https://teamtreehouse.com/library/introducing-the-sql-library-manager-project-2) REST API (https://teamtreehouse.com/library/introducing-the-rest-api-project-2) Full Stack App with React and a REST API (https://teamtreehouse.com/library/introducing-the-full-stack-app-with-react-and-a-rest-api-project-2)

  Viewed
  • JavaScript
  • Beginner
• 9 min
  Workshop

  JavaScript Search

  Letting users search through data in your application or website is a great UX feature. Building out this type of functionality isn't as hard as you may think. With some basic JavaScript, we can tackle the filtering and searching of data. Follow along as I add a search feature with vanilla JavaScript that allows the user to search for a specific author in a list of authors!

  Viewed
  • JavaScript
  • Beginner
• 15 min
  Practice

  Practice State in React

  Practice initializing and managing state in React by building a star rating component.

  Viewed
  • JavaScript
  • Intermediate
• 4 min
  Workshop

  Dark Mode in CSS

  How often do you find yourself on a website or app looking for a toggle for dark mode? Most apps nowadays, like Facebook, Twitter, Instagram, & Snapchat just to name a few, use some sort of dark mode feature. Implementing this is actually pretty quick and simple. There are many ways to go about this but the method I prefer is using CSS variables. Follow along and I’ll show you how I tackle this feature.

  Viewed
  • CSS
  • Beginner
• 15 min
  Workshop

  Gulpfile Setup

  Ever wondered how other developers minify their code and add tons of enhancements to their projects or apps? I can tell you a secret; they don’t do it themselves! They use something like gulp to automate that stuff for them. Follow along as I show you how I build out a basic gulpfile from scratch using gulpjs. Never heard of gulp before? Not to worry, I’ll take you through the process step-by-step in this beginner guide to setting up a gulpfile. With only a basic knowledge of JavaScript, npm, and Node.js, you’ll be able to follow along comfortably and start automating your workflow like a seasoned developer. If videos aren't your thing or want to take your time to work at your own pace, check out our blog post (https://blog.teamtreehouse.com/gulpfile-setup) that mimics this video.

  Viewed
  • JavaScript
  • Intermediate
• 10 min
  Workshop

  JavaScript Tip Calculator Overview

  In this quick overview geared for advanced beginners, you’ll learn my thought process behind building a tip calculator with vanilla JavaScript. By the end of this video, you should have a decent understanding of what it takes to build this out and try it for yourself. Though this isn’t meant to be a step-by-step guide, you should be able to tackle this project on your own with a solid understanding of JavaScript basics as well as HTML and CSS. If any of the topics discussed are confusing to you, I suggest taking a look at the courses in the Teacher's Notes.

  Viewed
  • JavaScript
  • Intermediate
• 18 min
  Workshop

  Hello Full Stack JavaScript

  This workshop provides an introduction to Full Stack JavaScript. Learn about the difference between front and back-end programming. Start writing code in JavaScript and making changes to web pages.

  Viewed
  • JavaScript
  • Beginner
• 10 min
  Workshop

  Using Local Storage With JavaScript

  Local Storage is part of the Web Storage API, and allows you, as a developer, to store data in a user's browser. Let's learn how to use Local Storage and the Web API, then create a fun project to see it in action.

  Viewed
  • JavaScript
  • Intermediate
• 11 min
  Practice

  Practice Hooks in React

  Practice React's built-in useContext and useState Hooks to update an app with user authentication.

  Viewed
  • JavaScript
  • Intermediate
• 16 min
  Workshop

  Structuring Your JavaScript Code

  Improve the quality of your code by applying the principles of narrative flow, iterative coding, KISS, DRY, and JavaScript Best Practices.

  Viewed
  • JavaScript
  • Beginner
• 30 min
  Workshop

  REST API Authentication with Express

  This workshop will explore Basic Authentication and how to use it to implement user authentication within an Express REST API application.

  Viewed
  • JavaScript
  • Intermediate
• 30 min
  Workshop

  Sequelize Model Validation

  When working with an ORM library like Sequelize, you can take advantage of its built-in data validation and constraint capabilities. In this workshop, you'll continue to use Sequelize to write robust server-side data validation for a REST API developed with Express. The API allows you to create a user account and retrieve a list of user accounts.

  Viewed
  • JavaScript
  • Beginner
• 70 min
  Workshop

  React Hooks

  Get started with React Hooks, special functions that let you use state, context, and perform side effects in function components.

  Viewed
  • JavaScript
  • Intermediate
• 9 min
  Practice

  Practice Error Handling in Express

  In this practice session, you'll get to sharpen your error handling skills in Express. Handling errors well helps users understand what's going on with your app when something goes wrong.

  Viewed
  • JavaScript
  • Intermediate
• 15 min
  Practice

  Practice JavaScript Loops

  Build up your JavaScript skills by practicing the basics of loops.

  Viewed
  • JavaScript
  • Beginner
• 9 min
  Practice

  Practice Serving Static Files in Express

  Practice the basics of serving static files in Express, a popular web application framework.

  Viewed
  • JavaScript
  • Intermediate
• 10 min
  Practice

  Practice Using Data with Pug Templates

  Practice the basics of passing data to Pug views and generating HTML dynamically within an Express application.

  Viewed
  • JavaScript
  • Intermediate
• 37 min
  Workshop

  Using Sequelize ORM With Express

  In this workshop, you will use the Sequelize ORM and Express to build a simple CRUD application that's connected to a SQL database.

  Viewed
  • JavaScript
  • Intermediate
• 14 min
  Practice

  Practice Importing and Exporting Modules in Node.js

  Practice the basics of importing and exporting modules in Node.js.

  Viewed
  • JavaScript
  • Intermediate
• 18 min
  Workshop

  Debug Node Applications with Visual Studio Code

  Debugging Node.js is not limited to using console.log. You can use more powerful and efficient tools like the built-in debugger within the Visual Studio Code editor.

  Viewed
  • JavaScript
  • Intermediate
• 7 min
  Workshop

  Translating Pseudocode to JavaScript Code

  Take pseudocode describing a function to calculate a GPA, and turn it into working JavaScript code.

  Viewed
  • JavaScript
  • Beginner
• 28 min
  Workshop

  Plan Ahead with Pseudocode

  Learn how to plan your programming projects before you open a text editor so you can discover logic errors before you start to share your ideas with your team.

  Viewed
  • JavaScript
  • Beginner
• 5 min
  Practice

  Practice Vue.js Templating

  Practice displaying data in a Vue.js template, as well as adding functionality to templates with Vue directives and methods.

  Viewed
  • JavaScript
  • Beginner
• 9 min
  Practice

  Practice Vue.js List Rendering

  Practice list rendering, writing methods, computed properties and adding functionality to forms with Vue.js

  Viewed
  • JavaScript
  • Beginner
• 26 min
  Practice

  Practice Basic Arrays in JavaScript

  Practice creating array literals, accessing array items, and using array methods to add and remove array items.

  Viewed
  • JavaScript
  • Beginner
• 17 min
  Workshop

  Using Create React Native App

  Learn the fastest way to get up and running with React Native.

  Viewed
  • JavaScript
  • Intermediate
• 44 min
  Workshop

  Working with the Fetch API

  Learn how to use the Fetch API to fetch resources.

  Viewed
  • JavaScript
  • Intermediate
• 8 min
  Practice

  Practice Basic jQuery Methods

  Practice enhancing small projects using a variety of jQuery methods.

  Viewed
  • JavaScript
  • Beginner
• 6 min
  Practice

  Practice Working with jQuery Collections

  Practice working with collections in JQuery.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Practice

  Practice Handling Events in jQuery

  Practice responding to user actions with jQuery.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Practice

  Practice Let and Const in JavaScript

  Practice working with let and const variables in JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Practice

  Practice Arrow Functions in JavaScript

  Practice arrow function syntax in JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 4 min
  Practice

  Practice Hashing Passwords in JavaScript

  When storing users' passwords, the most important thing to keep in mind is that you should always hash your passwords. Hashing is a one-way process of securing data with a strong algorithm. As of 2017, the accepted hashing algorithm is bcrypt.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Practice

  Practice Selecting DOM Elements

  In this workshop, you will practice selecting DOM elements with JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 20 min
  Practice

  Practice Object Literals in JavaScript

  Practice creating, using and modifying simple object literals in JavaScript

  Viewed
  • JavaScript
  • Beginner
• 37 min
  Workshop

  Using the Angular CLI

  In this workshop, you'll learn how to use the Angular CLI to easily create, modify, and serve Angular apps.

  Viewed
  • JavaScript
  • Beginner
• 5 min
  Practice

  Practice Traversing the DOM

  Practice Traversing the DOM in JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 5 min
  Practice

  Practice Template Literals

  Practice using template literals in JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Practice

  Practice Manipulating the DOM

  Practice Manipulating the DOM with JavaScript.

  Viewed
  • JavaScript
  • Intermediate
• 26 min
  Workshop

  What's New in React 16

  Get up to speed with new features in React 16, a complete rewrite of the React library.

  Viewed
  • JavaScript
  • Intermediate
• 22 min
  Workshop

  Using Create React App

  Learn to quickly set up React projects using Create React App.

  Viewed
  • JavaScript
  • Intermediate
• 8 min
  Practice

  Practice JavaScript Math Methods

  Practice using JavaScript's math methods to add, subtract, multiply, divide, as well as to convert strings to numbers.

  Viewed
  • JavaScript
  • Beginner
• 7 min
  Practice

  Practice If and Else If Statements in JavaScript

  Practice simple conditional statements in JavaScript.

  Viewed
  • JavaScript
  • Beginner
• 7 min
  Practice

  Practice Basic JavaScript Functions

  Practice creating basic JavaScript functions, adding parameters, calling functions and passing values.

  Viewed
  • JavaScript
  • Beginner
• 10 min
  Workshop

  Code Coverage with Istanbul

  Code coverage is the development practice in seeing how much of your code is covered by tests. We'll use the Node.js module Istanbul in this workshop to illustrate code coverage in Node.js projects.

  Viewed
  • Courses Plus
  • JavaScript
  • Intermediate
• 21 min
  Workshop

  Create a Media Player with MediaElement.js

  MediaElement.js allows you to offer a consistent experience with audio and video across browsers. You can also customize the players to your heart's content. Let's learn how to use MediaElement.js to share audio and video with your users.

  Viewed
  • JavaScript
  • Beginner
• 6 min
  Practice

  Practice Basic Variables, Input & Output in JavaScript

  Practice creating variables, working with input and alert dialog boxes, concatenating strings and using JavaScript string methods.

  Viewed
  • JavaScript
  • Beginner
• 39 min
  Workshop

  Debugging JavaScript in the Browser

  JavaScript programs are mysterious and hidden realms where magic happens. This can be delightful when everything is working. During development, though, things often won't work so well, and understanding why can be hard. You need a way to dispell the fog and see everything clearly. In this workshop we'll learn how to use a tool that professionals rely on to get crucial insights into their JavaScript programs: Chrome's Developer Tools (DevTools). With DevTools, you can get amazing access to the inner workings of your program while it runs, controlling how it executes with fine-grained control. This means that once you learn the DevTools arts, you can find and fix problems in a snap! Prerequisite Course For best results, we recommend first taking the following course: * DOM Scripting By Example (https://teamtreehouse.com/library/dom-scripting-by-example)

  Viewed
  • JavaScript
  • Beginner
• 23 min
  Workshop

  Understanding Express Middleware

  Learn how Express Middleware works. We'll walk through some simple examples to start. Then we'll create a simple Express app to show middleware in context. Prerequisite Course For best results, we recommend first taking the following course: Express Basics (https://teamtreehouse.com/library/express-basics)

  Viewed
  • JavaScript
  • Intermediate
• 13 min
  Workshop

  Debugging Node Applications with Google Chrome

  Debugging Node.js is not limited to using console.log, you can use more powerful tools like Google Chrome's DevTools Inspector.

  Viewed
  • JavaScript
  • Intermediate
• 9 min
  Workshop

  Introducing Template Literals

  Template literals offer a lot of convenience when creating strings in JavaScript. Let's look at the main features.

  Viewed
  • JavaScript
  • Beginner
• 14 min
  Workshop

  Defining Variables with let and const

  For most of JavaScript's life, there's been only one way to create, or "declare", a variable: the var keyword. In the latest version of JavaScript there are two new ways: const and let.

  Viewed
  • JavaScript
  • Beginner
• 8 min
  Workshop

  Introducing Arrow Function Syntax

  ECMAScript 2015 has been widely adopted by all modern browsers. This means we can use a more concise way to write functions. In this workshop we'll convert some traditional functions into a more modern syntax.

  Viewed
  • JavaScript
  • Beginner
• 13 min
  Workshop

  JavaScript and the Internet of Things

  JavaScript is everywhere. From it's humble beginnings in the browser, to it's renaissance on the server side, Javascript is incredibly popular. This has lead to individuals putting JavaScript runtimes in to embedded electronics. Discover the strategies you can employ with JavaScript enabled IoT projects.

  Viewed
  • Courses Plus
  • JavaScript
  • Intermediate
• 13 min
  Workshop

  Setting Up Travis CI with Node.js

  In this workshop we'll show you how to use the Continuous Integration service, Travis CI, to automatically run tests in your Node.js projects.

  Viewed
  • Courses Plus
  • JavaScript
  • Advanced
• 13 min
  Workshop

  Build a Cross-Platform Desktop Application with Electron

  Learn how to use Electron to create a desktop application that will run on Windows, macOS and Linux.

  Viewed
  • Courses Plus
  • JavaScript
  • Beginner
• 25 min
  Workshop

  Exploring JavaScript Conditionals

  In this workshop, we'll explore alternatives to if..then statements for controlling program flow. Even if you don't end up using them, you will see these forms appear in other code bases, and it's helpful to know how they work.

  Viewed
  • JavaScript
  • Intermediate
• 22 min
  Workshop

  Understanding Closures in JavaScript

  In this workshop learn how closures are used to preserve data between function calls.

  Viewed
  • JavaScript
  • Intermediate
• 44 min
  Workshop

  Using SQL and Node.js with Sequelize

  In this workshop we'll use SQL and Node.js together with the popular ORM Sequelize.

  Viewed
  • Courses Plus
  • JavaScript
  • Intermediate
• 12 min
  Workshop

  Deploy a Node Application to Heroku

  Heroku is a git-based, simple to use, hosting platform. You can deploy Ruby, PHP, Java and Python web applications to it in a breeze. But more importantly you can deploy Node.js applications too!

  Viewed
  • Courses Plus
  • JavaScript
  • Intermediate
• 14 min
  Workshop

  Using npm as a Task Runner

  There are other popular JavaScript task runners out there, like Grunt and gulp but you may not need it.

  Viewed
  • JavaScript
  • Intermediate
• 8 min
  Workshop

  How to Create and Distribute an npm Package

  In this Workshop we'll sign up for npm, login in the command line, prepare our package, test our package and distribute it so thousands of other developers can use our code in their projects.

  Viewed
  • JavaScript
  • Intermediate
• 43 min
  Workshop

  Getting Started with TypeScript

  Andrew Chalkley shows you how to get up and running with TypeScript, an enhanced version of JavsScript that provides static typing, classes and interfaces. TypeScript compiles to regular JavaScript code so you can write TypeScript code that works in every common JavaScript environment such as browsers and Node.js.

  Viewed
  • Courses Plus
  • JavaScript
  • Advanced
• 17 min
  Workshop

  JavaScript Booleans

  Logic is an incredibly important part of programming. Typically languages will have a “boolean” data type with two values, “true” or “false”. In JavaScript, some of the behaviors that produce “truthiness” and “falsiness” can be confusing. In this workshop, you will be steeped in all of the different ways JavaScript takes into account booleans.

  Viewed
  • JavaScript
  • Beginner
• 20 min
  Workshop

  Using the Geolocation API in JavaScript

  Smart devices with GPS common place in todays world. With that being true we can start tapping in to that information to make exciting applications. Developers can get a user's location by using a Geolocation API. In this Workshop, Andrew shows you not only how to find a location but handle all the other gotchas and errors that can occur.

  Viewed
  • JavaScript
  • Beginner
• 18 min
  Workshop

  The JavaScript 'use strict' Statement

  This workshop is all about JavaScript’s “use strict” statement. Recently you may have seen a curious little string “use strict”; appearing at the top of JavaScript files and within functions. This little statement causes the JavaScript interpreter to run in a strict variant. It can introduce a lot of breaking changes to your code, but in this workshop we’ll check out why this is a good thing!

  Viewed
  • JavaScript
  • Beginner

Whoops! Perhaps you can try a broader search.

Reset all filters