Web Application Training:

Web App Development Course

FREE Course

Gain hands-on experience on building a web app in HubSpot Academy’s Web App Development course! Learn how to add pages and navigation and enhance a web app’s appearance. Explore core web app concepts (like server environments) and tools (like GitHub)! 

Who is this for?
  • Aspiring web developers looking to gain foundational knowledge in web app development
  • Engineers seeking to expand their skill set and advance a career in coding
  • Small business owners who want to develop their own web-based applications
What you'll learn
  • Understand essential web app development tools like Git, GitHub, Heroku, and Node.js
  • Explore key web app development concepts such as server-client relationships, server environments, and web requests and responses
  • Build a basic web app, enhance its appearance with Bootstrap, and integrate it with an external API
Includes
    7 Lessons
    14 Videos
    3 Quizzes
    1 hr 33 min
  • Web Development

Instructors

Photo of Zoe Sobin

Zoe Sobin

Zoe Sobin is an Engineering Lead for HubSpot’s reporting tools.

Photo of Talia Swartz

Talia Swartz

Talia Swartz is a Tech Lead for HubSpot’s Content Management tools.

Photo of Ariel Luque

Ariel Luque

Ariel Luque is a Senior Software Engineer on HubSpot’s Content Management tools.

Photo of Branden Rodgers

Branden Rodgers

Branden Rodgers is a Senior Software Engineer on HubSpot’s Content Management tools.

Photo of Sara Stamenov

Sara Stamenov

Sara Stamenov is a Tech Lead for HubSpot’s Service Hub.

Curriculum

  • Thumbnail for Welcome to the Building Your First Web App course

    Welcome to the Building Your First Web App course

    • Lesson
    • 13 min

    Read more

    Lesson instructor: Zoe Sobin

    This introduction starts with the fundamentals of building software for the web. You'll learn how the internet works, along with the tools and vocabulary covered over the course of the following lessons. You'll learn the ins and outs of technologies like git and GitHub, Heroku, and Node.js. You'll also learn about core web app concepts like server environments, server-client relationships, and web requests and responses.

    Start course
  • Thumbnail for Building a Basic Web App

    Building a Basic Web App

    • Lesson
    • 13 min

    Read more

    Lesson instructor: Talia Swartz

    In this lesson, you’ll start with the code for a basic, pre-built web app, rather than worrying about the technical details yourself. You’ll practice making changes, pushing them to GitHub, and deploying your app to a production server.

    See full details

    Start course
  • Thumbnail for Adding Pages and Styling Your App

    Adding Pages and Styling Your App

    • Lesson
    • 13 min

    Read more

    Lesson instructor: Ariel Luque

    Now that your app is up and running, this lesson is designed to help you build out a more fully-fledged web app. You'll develop a deeper understanding of what the code does by guiding you through the folder structure and files in your app. You'll add additional pages to your app, as well as navigation to move between those pages. Finally, you'll learn about the styling resources we've already included in the code. Then, you’ll practice reading the documentation and implementing Bootstrap, a popular component library, in your app.

    See full details

    Start course
  • Thumbnail for Integrating External APIs

    Integrating External APIs

    • Lesson
    • 22 min

    Read more

    Lesson instructor: Branden Rodgers

    APIs — which help you interact with outside data — are one of the most important aspects of building a dynamic web app. In this lesson, you'll learn all about how APIs operate, from protocols, HTTP methods, using AJAX to send requests, and parsing the JSON that gets returned. Then, you'll use your new knowledge to make an API request for weather data from a web service, then display that data in your app. Finally, you'll make your app more dynamic by letting your users search for the weather in any city around the world.

    See full details

    Start course
  • Thumbnail for Setting up a Database

    Setting up a Database

    • Lesson
    • 26 min

    Read more

    Lesson instructor: Sara Stamenov

    Databases are the key to storing the information your users generate. In this lesson, you'll set up a database with Firebase, a popular database solution, and practice the critical skill of reading a service's documentation. You'll set up a sign-in process for users to complete before they can submit data to the database. Then, you'll write the code to get your app to submit user-generated information to Firebase. Finally, you’ll read that data from the database and display it on the screen.

    See full details

    Start course
  • Thumbnail for Where to Go from Here

    Where to Go from Here

    • Lesson
    • 1 min

    Read more

    Lesson instructor: Zoe Sobin

    With your app complete, this lesson sums up what you've learned throughout the course and provides advice for further success writing software.

    Start course
  • Thumbnail for Building Your First Web App Survey

    Building Your First Web App Survey

    • Lesson
    • 5 min

    Read more

    We'd love to hear your feedback on the Building Your First Web App course!

    Start course

Why learn with Academy?

unlock illustration

It's Free

Creating a HubSpot Academy account is 100% free and gets you unlimited access to our complete library of education and free software tools. Create an account and never fill out a form for content again.
dedicated-ip-board illustration

It's personalized

Your account will be full of personalized training recommendations tailored to you, making it quick and easy for you to continuously develop your knowledge and skills.
additional-hubspot-account-globe illustration

It's global

With our globally-recognized certifications across 5 languages, you can show off your skills and stand out to new or existing employers. Join over 250,000 other HubSpot Academy certified professionals now.