Description

In this UI/UX bootcamp, you’ll adopt a design-thinking mindset, become AI savvy, and learn how to create more personalized, intuitive, and engaging user experiences.

We’ve incorporated AI learning throughout our UI/UX Design Career Track, so you’ll learn how to harness the power of AI to maximize your time, your creativity, and your job prospects.

Course Content

In this opening unit, you’ll learn how to build well-designed web pages using HTML. You’ll also start the first foundations project, building your digital resume using HTML.

  • Learn HTML basics, such as adding text elements and links to a web page

  • Understand how to add more robust HTML pages with the use of tables and forms

  • Submit your first coding exercises

Using CSS will give your webpages a polished, professional look while also allowing your webpage to be accessed on a variety of devices. In this unit, you’ll practice multiple style elements with CSS and put these new skills into practice by finalizing your digital resume as part of the first foundations project.

  • Build an understanding of CSS and how it can be used to build webpages

  • Become comfortable using elements, class, and ID selectors to find and style elements on a page

  • Become familiar with common styling rules for backgrounds, font sizes, and colors

Javascript is considered the “programming language of the web” and makes your webpage interactive when you, for example, click on a button or submit a form. In this unit, you’ll learn the ins and outs of JavaScript and complete your second project, a series of Javascript exercises based on The Story of Caesar’s Traditional Secret Party.  

  • Build an understanding of JavaScript and how it functions within a browser 

  • Learn how to use variables and conditional logic to store information and create complex programs

  • Become comfortable using data types to model real-world applications

  • Learn how to utilize iteration and functions to reduce code duplication

There are no end-to-end projects in Foundations, but you will encounter several hands-on exercises and quizzes to strengthen your learnings.

  • HTML Fundamentals

  • CSS Intro (optional)

  • CSS Diner

  • CSS Box Model (optional)

  • CSS Mocks

  • Variables and Data Types Exercise

  • Boolean Logic

  • Array

  • Objects

  • Numbers Quiz

  • Variables Quiz

  • Strings Quiz

In this unit, you’ll build an understanding of web technologies, fundamental web principles, and get familiar with modern development tools. Learn foundational concepts of web application development and how to apply them using the MERN stack.  

  • The evolution of the web 

  • Web mechanics

  • Introduction to the MERN stack

Your Integrated Development Environment (IDE) is where you’ll practice coding and build your projects throughout the course. Visual Studio Code (VS Code) is the highly customizable source-code editor developed by Microsoft that you’ll get hands on with.  

  • Installing Visual Studio Code 

  • HTML and CSS extensions for Visual Studio Code

  • JavaScript Extensions for Visual Studio Code

As a web developer, you’ll use command line operations to customize your development environment, interact with servers and debug applications. In this unit, you’ll start working with the command line interface which will give you a deeper understanding of system-level operations and knowledge of how to troubleshoot issues efficiently.  

  • Introduction to Terminal 

  • Working with Terminal on Mac

  • Working with Terminal on Windows

  • Installing Homebrew, Node.js, MongoDB and PostgreSQL

Before starting with any web development, you must build a sound foundation in how to work as a professional developer. In this unit, you’ll start using Git and GitHub which are essential for version control, collaborating on projects and code reviews. These will become second nature to you as you delve into trickier units.  

  • Introduction to version control 

  • Working with Git

  • Working with GitHub

  • Working with GitHub Desktop

In this unit you’ll start using JavaScript in all the components of a web application, both frontend and backend. Build your conceptual knowledge and get hands-on experience with JavaScript features that you will use everyday as a web developer.  

  • Error Handling 

  • Algorithmic Thinking and Problem Solving

  • Basic and Advanced Data Structures
  • Asynchronous Programming

  • Object Oriented Programming (OOP)

Take the next step with Javascript and learn how to leverage it with various user facing components of a web application - the front end.  

  • Working with browsers 

  • Working with Document Object Model (DOM)

  • JavaScript events

Continue building your JavaScript skills as you interact with the backend components of a web application. By the end of this unit, you’ll understand how the frontend and backend talk to each other and be ready to start building web applications from scratch.  

  • Introduction to HTTP 

  • Introduction to REST and RESTful APIs

  • Introduction to GraphQL
  • Introduction to Model-View-Controller (MVC) design pattern

In this unit, you’ll work with your first tool in the MERN stack - React. React.js is a JavaScript library that makes creating interactive and dynamic user interfaces (UIs) for your web applications easier with less code.  

  • Introduction to React.js 

  • JSX and Props

  • Building React Folder Structure and Components using Vite
  • State Management in React
  • Building Forms and Handling User Inputs
  • Advanced State Management with Redux

Get hands-on with your second tool in the MERN stack - MongoDB. Build your foundational knowledge of relational databases before learning how to work with MongoDB.  

  • Introduction to databases 

  • Working with relational databases and SQL

  • Working with NoSQL databases

By now you’ll understand how the frontend is built using React and the backend with MongoDB using MERN stack. Now it’s time to make them compatible through building APIs using Node.js and Express.js. 

  • Introduction to Node.js 

  • Introduction to Express.js

  • Defining routes and handling requests
  • Implementing middleware for request processing
  • Creating RESTful APIs with Express
  • Authentication and authorization

This is the unit where everything comes together. Software engineering is not just building applications, but doing so in an effective and efficient manner. Learning CORS, GraphQL, TypeScript and Next.js will help you achieve throughout your career. 

  • Cross-Origin Resource Sharing (CORS) in Node 

  • Using GraphQL in MERN stack

  • TypeScript fundamentals
  • Using TypeScript with React
  • Integrating frontend and backend with Next.js framework

Since the arrival of OpenAI’s GPT-3, there has been an increased awareness of the crucial role prompts play in shaping language model outputs. In this unit of our software engineer bootcamp, you’ll gain an understanding of how language models like GPT-3 and GPT-4 work through interactive exercises, videos, and quizzes.  

  • Learn techniques and best practices for crafting effective prompts to achieve desired outcomes from language models like Chat-GPT 

  • Leverage prompts to assist with the process of efficient coding

Five main portfolio pieces including a capstone project, allow you to apply all of the skills you develop while working through the program. You’ll gain hands-on experience with each stage of the development process, from designing your web page or application to coding and testing your code, to final review and putting it into production. 

  • Cumulative Project 1: Hacker News Clone:
    Focuses on skills you learned in the front-end development part of the program by having you make a functional clone of Hacker News from your API. 

  • Cumulative Project 2 — Jobly:
    You will take your backend knowledge and build a full-stack application called Jobly, which will be used similarly to LinkedIn — where people can explore and apply for jobs online — but on a smaller scale.

  • Capstone Project 1:
    Create a database-driven website with an external API of your choice. You will submit portions of the project for evaluation three times: several project ideas, a project proposal, and the complete GitHub repo:
  • Capstone Project 2:
    This capstone is similar to the first project, but with Node/Express/React and more robust features. You’ll again create a database-driven website with an external API of your choice. You will submit portions of the project for evaluation three times: several project ideas, a project proposal, and the complete GitHub repo.

Career units throughout the bootcamp will help you create a tailored job search strategy based on your background and goals. Topics include: 

  • Types of industry roles 

  • Job search strategies

  • Building a network and using it to land interviews
  • Creating a high-quality resume, LinkedIn profile, and cover letter
  • Preparing for technical and non-technical interviews
  • Successful negotiation

Related Courses