Software Engineering Certificate Program Online
At 520 hours across twelve courses, this is VDCI's most substantial software program and the highest-priced entry in its catalog. The front-end sequence runs from HTML and CSS through advanced CSS, Flexbox, Grid, and Bootstrap, then JavaScript for front-end...
What's included
- Software access during the course
- 520 hours of project-based instruction
- 92 training videos
- 2 additional elective courses
- Instructor support for questions during the course
- Additional one-on-one mentoring outside class
- Verified digital certificate of completion
- Instruction at an ACCET-accredited school
Overview
At 520 hours across twelve courses, this is VDCI's most substantial software program and the highest-priced entry in its catalog. The front-end sequence runs from HTML and CSS through advanced CSS, Flexbox, Grid, and Bootstrap, then JavaScript for front-end work and a front-end tools and portfolio course.
The back-end sequence covers JavaScript programming, Node, Express, and MongoDB, and React, then Python programming and web development with Django. Dedicated courses cover entering the web development industry and hands-on development labs. It is approved for veterans' education benefits.
Who this course is for
People targeting junior software developer, web developer, or full-stack roles who want both front-end and back-end coverage across JavaScript, React, Python, and Django.
Tuition & enrollment
Enroll with Virtual Design and Construction Institute, the course provider.
Loading enrollment options…
Prefer to enroll directly? Open the course website.
Preview the course
Watch free previews and explore the lessons included with enrollment at VDCI.
Web Development with HTML & CSS Course Online
-
Welcome & Downloading Course Materials
Lesson 1: HTML Essentials: Structure, Links & Images
1:10
Download the PDF workbook and class files, then watch the coding videos and complete the step-by-step exercises to learn HTML and CSS through repetition.
This preview is temporarily unavailable. Please try again later.
-
Before You Begin Getting a Code Editor
Lesson 1: HTML Essentials: Structure, Links & Images
3:06
Set up your code editor by installing Visual Studio Code, configuring browser preview and keyboard shortcuts, and preparing to follow along with the training materials.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Coding Basics Intro to HTML Syntax
Lesson 1: HTML Essentials: Structure, Links & Images
28:28
Learn how to create and structure a basic HTML webpage using tags like html, head, body, p, h1, ul, and li, then preview and edit it using Visual Studio Code and a web browser.
View enrollment options at VDCI -
Enrollment required
Tags & Attributes Strong, Em, Doctype, Lang, & Meta
Lesson 1: HTML Essentials: Structure, Links & Images
16:16
Learn to apply semantic HTML tags like strong and em for accessibility, use language and charset attributes for correct rendering, and include required metadata like for proper browser interpretation.
View enrollment options at VDCI -
Enrollment required
Coding Links Absolute & Relative URLs
Lesson 1: HTML Essentials: Structure, Links & Images
18:57
Create and organize internal and external website links using proper HTML anchor tags, file naming conventions, and relative or absolute paths.
View enrollment options at VDCI -
Enrollment required
Adding Images
Lesson 1: HTML Essentials: Structure, Links & Images
15:50
Add images to webpages using the tag with a src attribute for the image path and an alt attribute for accessibility, without requiring a closing tag.
View enrollment options at VDCI -
Intro to Cascading Style Sheets (CSS)
Lesson 2: Styling Content and Page Layout
10:00
Learn how to use embedded CSS to style HTML elements by customizing properties like color, font, size, and spacing.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
CSS Class Selectors
Lesson 2: Styling Content and Page Layout
18:51
Learn how to use CSS classes and span tags to selectively style HTML elements with semantic naming and specificity.
View enrollment options at VDCI -
Enrollment required
Div Tags, ID Selectors, & Basic Page Formatting
Lesson 2: Styling Content and Page Layout
27:06
Use div tags to create a centered, max-width content wrapper with appropriate padding, margin, and background styling, leveraging Emmet shortcuts, span vs. div behavior, and CSS shorthand to structure and style the page efficiently.
View enrollment options at VDCI -
Enrollment required
Browser Developer Tools & Validating HTML
Lesson 2: Styling Content and Page Layout
22:15
Use browser DevTools to experiment with HTML and CSS changes in real time, inspect elements, identify layout issues, and validate your HTML for errors using a validator.
View enrollment options at VDCI -
HTML Semantic Elements & the Document Outline
Lesson 3: Building Page Structure with Semantic HTML & the Box Model
10:00
Understand that the Web Hypertext Application Technology Working Group, not the W3C, now defines the HTML living standard used by modern browsers.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Revolution Travel Page Layout
Lesson 3: Building Page Structure with Semantic HTML & the Box Model
23:25
Build the foundational HTML structure of a responsive travel website by creating semantic sections, organizing content with proper heading levels, and inserting images and navigation using VS Code and Emmet shortcuts.
View enrollment options at VDCI -
Enrollment required
The Box Model
Lesson 3: Building Page Structure with Semantic HTML & the Box Model
22:23
Continue building the Revolution Travel website by embedding CSS to style layout, typography, spacing, and responsiveness for a more polished and flexible design.
View enrollment options at VDCI -
Enrollment required
Coding Links Images & Page Jumps
Lesson 3: Building Page Structure with Semantic HTML & the Box Model
19:54
Add internal, external, image, and same-page anchor links to your website, apply unique IDs for jump links, and enhance user experience with smooth scrolling and basic link styling using classes.
View enrollment options at VDCI -
Styling Links
Lesson 4: Styling Navigation and Preparing for Mobile
10:00
Style links using CSS pseudo-classes like :link, :visited, :hover, :focus, and :active to control their color, decoration, and behavior across different user interactions and browsers.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Styling the Navigation
Lesson 4: Styling Navigation and Preparing for Mobile
23:20
Style a navigation list using CSS by removing default bullets, eliminating margins and padding, displaying list items inline-block for proper spacing and box model behavior, and targeting only nav-specific lists to avoid affecting others.
View enrollment options at VDCI -
Enrollment required
Specificity, Shared CSS, & Centering Content
Lesson 4: Styling Navigation and Preparing for Mobile
25:56
Move embedded CSS to an external stylesheet, link it across all pages to enable global styling updates, improve maintainability, and ensure consistent design using proper specificity and browser caching.
View enrollment options at VDCI -
Enrollment required
Setting the Viewport Meta Tag
Lesson 4: Styling Navigation and Preparing for Mobile
17:01
Add the viewport meta tag and CSS text-size-adjust properties (including vendor prefixes) to ensure consistent and accessible mobile rendering across devices.
View enrollment options at VDCI -
Starting a New Site & CSS Background Images
Lesson 5: Designing a Branded Homepage with Custom Fonts & Layout
10:00
Create and style a responsive hero section with centered text and a background image using CSS, incorporating best practices like fallback colors, percentage-based padding, and background-size: cover.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Adding Custom Fonts (using Google Fonts)
Lesson 5: Designing a Branded Homepage with Custom Fonts & Layout
34:45
Load and apply custom Google Fonts to a webpage using CSS while optimizing layout with max-width, auto margins, padding, and font-display settings.
View enrollment options at VDCI -
Enrollment required
Page Layout Fine Tuning with the Box Model
Lesson 5: Designing a Branded Homepage with Custom Fonts & Layout
20:56
Add a logo using an SVG image with defined width and height to improve loading, fix inline spacing issues with vertical-align: bottom in CSS, apply padding and background colors to header and footer, remove unwanted paragraph margins in the footer, and use reusable class-based wrapper divs to control content width independently of full-width elements.
View enrollment options at VDCI -
Navigation Bar Layout Intro to Flexbox
Lesson 6: Responsive Layouts with Flexbox, Grid & HiDPI Images
10:00
Use Flexbox to align elements side by side with display: flex, align-items for vertical alignment, and margin with auto for flexible spacing.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Hipstirred Hi Res Images
Lesson 6: Responsive Layouts with Flexbox, Grid & HiDPI Images
18:38
Use images that are twice the pixel dimensions of their display size in code to ensure they appear sharp on high-resolution (2x or 3x) screens.
View enrollment options at VDCI -
Enrollment required
Creating Columns Intro to CSS Grid & Media Queries
Lesson 6: Responsive Layouts with Flexbox, Grid & HiDPI Images
24:20
Learn how to use CSS Grid and media queries to build responsive, multi-column layouts that adapt to different screen sizes.
View enrollment options at VDCI -
Enrollment required
Course Wrap up & Your Next Steps
Lesson 6: Responsive Layouts with Flexbox, Grid & HiDPI Images
3:13
Practice coding regularly, review previous lessons and exercises, complete additional challenges, and build small personal web projects to reinforce your skills.
View enrollment options at VDCI
Python for AI: Create AI Apps with Flask & OpenAI Course Online
-
Getting Started
Lesson 1: Using VSCode & Flask
10:00
Build web applications using Python’s Flask framework and the OpenAI API, starting from core concepts and assuming foundational Python programming knowledge, while setting up VS Code and an OpenAI account.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Set Up VS Code for Flask
Lesson 1: Using VSCode & Flask
37:40
Create a new VS Code project, set up a virtual environment, install Flask, and run a basic Hello World app in the browser.
View enrollment options at VDCI -
Enrollment required
Add an 'About' Route
Lesson 1: Using VSCode & Flask
11:41
Add a new Flask route, update the homepage to link to it, and test changes by restarting the development server.
View enrollment options at VDCI -
Flask for Rendering
Lesson 2: Rendering HTML with Flask
10:00
Render full HTML pages with Flask by using render_template, creating an index.html file inside a templates folder, and updating routes to return HTML instead of plain text.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Render an About Page
Lesson 2: Rendering HTML with Flask
7:47
Build an About page by defining a new route, rendering an HTML template, and linking to the route path rather than the file name.
View enrollment options at VDCI -
Enrollment required
Connecting to OpenAI
Lesson 3: Connecting with OpenAI
36:38
Connect a Flask app to the OpenAI API by installing the OpenAI module, configuring an API key, sending a request to a GPT model, parsing the JSON response, and displaying the AI output in the browser.
View enrollment options at VDCI -
Enrollment required
Prompting AI to Respond in JSON
Lesson 3: Connecting with OpenAI
27:00
Prompt the AI to return structured JSON responses, parse them into Python dictionaries, and extract specific data fields for use in the app.
View enrollment options at VDCI -
Jinja Templating Engine for HTML
Lesson 4: Jinja and Prompt Engineering
10:00
Use Jinja templating to dynamically display AI-generated content inside HTML pages rendered by Flask.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Prompt Engineering With JSON and Jinja Part 1
Lesson 4: Jinja and Prompt Engineering
42:21
Identify and resolve JSON prompt errors caused by curly quotes or invalid characters in Python code.
View enrollment options at VDCI -
Enrollment required
Prompt Engineering With JSON and Jinja Part 2
Lesson 4: Jinja and Prompt Engineering
22:14
Fix malformed JSON by correcting quotation marks, adding missing commas, and validating syntax before parsing.
View enrollment options at VDCI -
Having an Ongoing Chat with AI
Lesson 5: Building the Chat
10:00
Implement a terminal-based AI chat function that maintains conversation context using a list, processes user input in a loop, and appends AI responses sequentially.
This preview is temporarily unavailable. Please try again later.
-
Coding with HTML and CSS Part 1
Lesson 6: Coding HTML & CSS
10:00
Design a browser-based chat interface with HTML and CSS by structuring content with semantic elements, organizing assets in static folders, styling user and AI messages, and adding a hero image.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Coding with HTML and CSS Part 2
Lesson 6: Coding HTML & CSS
21:59
Add interactive input fields and buttons to the chat interface and prevent page reloads through JavaScript event handling.
View enrollment options at VDCI -
Enrollment required
JavaScript for Send Button
Lesson 7: Using JavaScript
15:49
Implement JavaScript logic to capture user input, create chat message elements, and append them dynamically to the chat window.
View enrollment options at VDCI -
Enrollment required
JavaScript fetch() for Server Requests
Lesson 7: Using JavaScript
17:33
Introduce JavaScript fetch by retrieving data from a public API and displaying results on the page in response to user interaction.
View enrollment options at VDCI -
Enrollment required
JavaScript fetch() Request for Flask
Lesson 7: Using JavaScript
17:10
Fetch JSON data from custom Flask routes, process responses in JavaScript, and update page content dynamically.
View enrollment options at VDCI -
Fetch & Python Flask Chat Round Trip
Lesson 8: Improving the Chat
10:00
Send chat messages from the browser to a Flask server using fetch, process them server-side, and return simulated AI responses to the UI.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Completing the AI Chat Assistant Part 1
Lesson 8: Improving the Chat
18:39
Integrate full chat workflows by sending conversation history as JSON to Flask, forwarding it to the OpenAI API, storing responses, and updating the chat interface in real time.
View enrollment options at VDCI -
Enrollment required
Completing the AI Chat Assistant Part 2
Lesson 8: Improving the Chat
26:13
Debug JSON handling issues in an AI chat system and improve response quality by incorporating structured FAQ context.
View enrollment options at VDCI -
Enrollment required
AI Prompt Engineering with Product FAQ
Lesson 8: Improving the Chat
27:17
Load and manage FAQ content within a Flask application to enhance an AI assistant’s ability to answer product- or service-specific questions accurately.
View enrollment options at VDCI -
Making a File Chooser in HTML & JS
Lesson 9: Starting the Meal Analyzer
10:00
Create an image upload feature by configuring a virtual environment, building HTML and JavaScript upload forms, and displaying uploaded images using Flask.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Sending Image Data to Flask and Returning Temp URL
Lesson 9: Starting the Meal Analyzer
34:34
Send uploaded image data to Flask, generate a temporary file path, and render the image back in the browser.
View enrollment options at VDCI -
Enrollment required
Sending Image Data to Flask and Returning Temp URL Part 2
Lesson 9: Starting the Meal Analyzer
24:58
Encode uploaded images in Base64, send them to the OpenAI API, and process JSON responses for display in the application.
View enrollment options at VDCI -
Enrollment required
Sending Image Data to Flask and Returning Temp URL Part 3
Lesson 9: Starting the Meal Analyzer
26:35
Apply prompt engineering techniques to request structured AI analysis of images, such as extracting meal details from uploaded photos.
View enrollment options at VDCI -
Enrollment required
Securing API Key as Environment Variable
Lesson 10: Finalizing the Meal Analyzer
16:18
Secure OpenAI API credentials by storing them as environment variables in a .env file and loading them with python-dotenv to prevent accidental exposure in version control.
View enrollment options at VDCI
SQL Bootcamp Online
-
Benefits of Learning SQL
Lesson 1: Setting Up the Work Environment
10:00
Download the PDF workbook and class files, and install the free dBeaver Community Edition to practice SQL querying without modifying databases.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Connecting to Our Database
Lesson 1: Setting Up the Work Environment
14:06
Set up a database connection in dBeaver using the provided credentials, test connectivity, and review available tables.
View enrollment options at VDCI -
Getting Started & Your First Query
Lesson 2: Let's Start Learning SQL Code
10:00
Navigate databases in dBeaver by adjusting preferences, exploring schemas, and running practice queries to build familiarity.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Learning the SQL Language
Lesson 2: Let's Start Learning SQL Code
14:10
Review SQL syntax through slides, live demos, and exercises focused on SELECT, FROM, ORDER BY, DISTINCT, execution order, and result limits.
View enrollment options at VDCI -
Enrollment required
Coding Exercise PostgreSQL
Lesson 2: Let's Start Learning SQL Code
18:29
Connect to the correct database environment and complete Exercise 1C by writing and executing SQL queries.
View enrollment options at VDCI -
Enrollment required
Solution PostgreSQL Challenge
Lesson 2: Let's Start Learning SQL Code
15:11
Query users and orders tables to view, filter, sort, and remove duplicate records.
View enrollment options at VDCI -
Data Types and Filtering Results
Lesson 3: Working with Characters & Numbers
9:28
Differentiate database data types to query text and numeric values correctly, applying quotes and comparison logic appropriately.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Coding Exercise Filtering with WHERE
Lesson 3: Working with Characters & Numbers
5:34
Define the active data source to enable code hints when querying product data based on price conditions.
View enrollment options at VDCI -
Enrollment required
Solution Filtering with WHERE
Lesson 3: Working with Characters & Numbers
22:42
Refine queries to filter specific records, sort results, perform calculations, handle data types accurately, and eliminate duplicates.
View enrollment options at VDCI -
Pattern Matching
Lesson 4: Using SQL Wildcards
4:46
Apply wildcard characters such as percent signs and underscores with LIKE and ILIKE to identify data patterns.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Combining Filters and Aliases
Lesson 4: Using SQL Wildcards
4:32
Combine conditions using AND, OR, and NOT, perform calculations, and assign column aliases for clearer result sets.
View enrollment options at VDCI -
Enrollment required
Coding Exercise Like and Wildcards
Lesson 4: Using SQL Wildcards
12:31
Practice filtering records using LIKE, ILIKE, and NOT to control query results precisely.
View enrollment options at VDCI -
Enrollment required
Solution Like and Wildcards
Lesson 4: Using SQL Wildcards
23:49
Explore table structures and ER diagrams to understand relationships and safely query data such as email domains or state-based orders.
View enrollment options at VDCI -
Database Terminology and Primary & Foreign Keys
Lesson 5: Identifying Rows & Connecting Tables
10:00
Connect related tables by identifying primary and foreign keys to manage relationships and avoid duplication.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Joins Combining Data from Multiple Tables
Lesson 5: Identifying Rows & Connecting Tables
12:28
Perform inner joins by matching common columns and using table aliases to simplify query syntax.
View enrollment options at VDCI -
Enrollment required
Exercise Inner Join
Lesson 5: Identifying Rows & Connecting Tables
18:40
Reinforce inner join logic by combining tables, filtering shared data, and presenting unified results.
View enrollment options at VDCI -
Enrollment required
Solution Inner Join
Lesson 5: Identifying Rows & Connecting Tables
10:36
Join users, orders, and line items to identify high-value purchases and return distinct customer details.
View enrollment options at VDCI -
Inner vs. Outer Joins
Lesson 6: Inner vs. Outer Joins
10:00
Compare inner joins with left, right, and full outer joins to understand how non-matching rows are handled.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Exercise Outer Join and NULL
Lesson 6: Inner vs. Outer Joins
23:37
Open the designated file, review warm-up exercises, and complete challenge problems to reinforce learning.
View enrollment options at VDCI -
Enrollment required
Solution Outer Join and NULL
Lesson 6: Inner vs. Outer Joins
34:12
Analyze database relationships to uncover insights such as unsold products or specific purchasing behaviors, then export results as CSV files.
View enrollment options at VDCI -
Cast
Lesson 7: Changing Data Types
10:00
Convert data types within queries using CAST without altering the underlying database structure.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Aggregate Functions
Lesson 7: Changing Data Types
6:33
Apply aggregate functions to calculate totals, counts, minimums, maximums, and averages for analysis.
View enrollment options at VDCI -
Enrollment required
Exercise Aggregate Function and ROUND
Lesson 7: Changing Data Types
27:56
Manipulate aggregated results using rounding functions and column aliases for readable output.
View enrollment options at VDCI -
Enrollment required
Solution Aggregate Function and ROUND
Lesson 7: Changing Data Types
19:00
Build aggregate queries incrementally, validating intermediate results before final execution.
View enrollment options at VDCI -
Date Functions
Lesson 8: Working with Dates
4:39
Work with date and time functions to retrieve current timestamps, extract components, and convert data types.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Exercise 2.0 Date Functions
Lesson 8: Working with Dates
19:52
Extract, format, filter, and convert date values using date_part, to_char, CAST, and range-based conditions.
View enrollment options at VDCI -
Enrollment required
Solution 2.0 Date Functions
Lesson 8: Working with Dates
17:40
Analyze account creation data to determine user age, creation year, weekend sign-ups, and date-range activity.
View enrollment options at VDCI -
Grouping Data
Lesson 9: Organizing Statistical Results Into Categories
10:00
Group records using GROUP BY to apply aggregate functions across defined categories.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Subqueries
Lesson 10: Subqueries
27:41
Nest subqueries within main queries to process intermediate results before final selection.
View enrollment options at VDCI -
Enrollment required
Solution Subqueries
Lesson 10: Subqueries
24:51
Prefer joins over subqueries when appropriate to improve clarity and performance.
View enrollment options at VDCI -
Enrollment required
Aggregate Window Functions
Lesson 11: Aggregate Window Functions
23:01
Use window functions to add aggregate insights while preserving row-level detail.
View enrollment options at VDCI -
Enrollment required
Solution Window Functions
Lesson 11: Aggregate Window Functions
9:34
Apply PARTITION BY within window functions to analyze grouped metrics without collapsing results.
View enrollment options at VDCI -
Enrollment required
Conditionals
Lesson 12: Conditionals
18:26
Create conditional logic with CASE statements to classify, transform, or correct query output.
View enrollment options at VDCI -
Enrollment required
CASE Exercise
Lesson 12: Conditionals
14:36
Categorize data into regions or groups, calculate order counts, and manage joins for broader analysis.
View enrollment options at VDCI -
Enrollment required
Views
Lesson 13: Views
18:50
Save reusable queries as views to simplify access, enhance security, and streamline workflows.
View enrollment options at VDCI -
Enrollment required
Views Solution
Lesson 13: Views
0:46
Summarize and filter user spending patterns using flexible query criteria.
View enrollment options at VDCI -
String Functions
Lesson 14: String Functions
9:09
Manipulate text data with string functions to change case, extract substrings, split values, and evaluate length.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Learning Resources
Lesson 15: Additional Resources
3:24
Reinforce skills through external SQL resources, practice platforms, cheat sheets, and coding challenges.
View enrollment options at VDCI -
Enrollment required
Finding Datasets
Lesson 15: Additional Resources
2:04
Source datasets from Kaggle and convert them into usable databases with guided setup support.
View enrollment options at VDCI -
AI and SQL
Lesson 16: AI and SQL
10:00
Use AI tools such as ChatGPT to explain, refine, and generate SQL queries while validating results independently.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Challenge AI and SQL
Lesson 16: AI and SQL
5:13
Generate SQL queries from database visuals using tools like Chat2BT, specifying structure and dialect requirements.
View enrollment options at VDCI -
Enrollment required
Solution AI and SQL
Lesson 16: AI and SQL
14:13
Apply best practices for using AI-generated SQL by providing clear requirements, verifying accuracy, and learning from explanations.
View enrollment options at VDCI
Curriculum
What you'll learn
- Write, debug, and test JavaScript, React, and Python code for real-world applications
- Build full-stack web applications using both front-end and back-end technologies
- Apply object-oriented design principles to develop well-structured software
- Design and work with databases to support application functionality
- Use version control and industry-standard tools within agile development workflows
- Apply analytical thinking and problem solving to debug and resolve coding issues
- Collaborate effectively using development practices that mirror current industry standards
- Develop a professional coding portfolio demonstrating deployable, real-world projects
Course outline
-
Web Development with HTML & CSS Course Online 18 hours
Learn to code webpages with HTML and CSS, from structuring and tagging your content to styling it and making your pages responsive. Then upload everything through FTP to bring your sites live.
- Begin building websites by hand-coding HTML and CSS
- Mark up content like text, images, lists, and links using HTML (Hypertext Markup Language)
- Style that content with CSS (Cascading Style Sheets), controlling font, size, color, spacing, width, and much more
- Create multi-page sites that bring together text, images, and other elements
- Adjust your layouts for different screen sizes to build responsive webpages
- Use browser developer tools to look under the hood and test out code changes
- Publish your site by uploading the files through FTP
-
Advanced HTML & CSS Course Online 18 hours
Push your CSS abilities further with this in-depth course built around the topics that separate basic styling from refined design. You'll work through SVG, CSS variables, gradients, shadows, positioning, transitions, transforms, and responsive images, gaining the tools to build webpages that look clean, modern, and genuinely professional.
- Master advanced CSS concepts including positioning, complex selectors, sizing units (px, em, rem), and the calc() function
- Create sophisticated visual styles using multiple background images, RGBA transparency, gradients, shadows, and more
- Work with SVG graphics in a variety of ways and learn to style them directly with CSS
- Build responsive images with img srcset and the picture element for optimized performance
- Use CSS variables to write cleaner, more flexible, and maintainable code
- Create mobile-friendly off-screen navigation menus using only CSS
- Add motion and interactivity through CSS transitions and transforms
-
Flexbox, Grid, & Bootstrap Course Online 12 hours
Learn how to use CSS Flexbox and Grid to arrange and align webpage content and make it adapt to screens of every size. See how both of these newer CSS techniques prove useful and when to reach for each one. You'll also learn how to use Bootstrap (which relies on Flexbox) to build out layouts quickly.
- CSS Flexbox to arrange and align webpage content
- CSS Grid for a fresh way to think about laying out entire webpages
- Bootstrap (built with Flexbox) to assemble layouts quickly
- How Flexbox and Grid reshape the way you approach webpage layout
- Sizing, positioning, aligning, and reordering content with Flexbox and Grid
-
JavaScript for Front-End Course Online 18 hours
Learn how to make your webpages more dynamic and engaging with JavaScript and animations using GreenSock. From the fundamentals of JavaScript code to creating stunning animations with GSAP, this course equips you with the skills to transform your web projects into complex, interactive designs.
- Write JavaScript code to add animation and interactivity to webpages
- Learn the fundamentals of the JavaScript language (variables, loops, arrays, functions, and more)
- Understand how to use free pre-made JavaScripts to quickly add many different kinds of common functionality
- Create animated slideshows and build animated image enlargers
- Animate any content within a webpage, including SVG, using GreenSock (GSAP)
-
Front-End Tools & Portfolio Course Online 18 hours
Learn how to turn a webpage design into code, track changes, collaborate with other developers using Git and GitHub, and boost your coding speed with Emmet and Visual Studio Code. Build your portfolio with guidance from an expert instructor and gain hands-on coding experience.
- Go from design to a coded website with guidance from an expert developer
- What Git is and how it works
- Installing and setting up Git to track changes in your code
- Using GitHub to collaborate with other developers
-
JavaScript Programming Bootcamp Online 120 hours
Pick up the essentials of JavaScript programming for building web applications, including variables, conditional logic, functions, DOM manipulation, arrays, loops, async events, APIs, and OOP. This hands-on course is designed to prepare you for work on practical web design projects.
- JavaScript programming fundamentals from the ground up, including variables, conditional logic (if-else), arrays, objects, and loops
- Modern ES6+ features such as arrow functions, let, and const
- Functions, parameters, arguments, return values, along with higher-order functions and callbacks
- Array methods, string methods, and parsing JSON (JavaScript Object Notation) data
- Asynchronous JavaScript using promises and async-await
- APIs (Application Programming Interfaces) and JavaScript libraries
- OOP (Object-Oriented Programming) and modules
- Coding interview challenge prep alongside projects and portfolio development
-
JavaScript Development with Node, Express, & MongoDB Course Online 96 hours
Learn how to build and host web applications with Node, create APIs through Express, and store data using MongoDB. You'll develop skills in the I/O engine, working with npm, the file system, API route development, middleware, MongoDB setup, schema design, MongoDB application management, and querying.
- Synchronous and asynchronous JavaScript inside Node.js
- The role of Node Package Manager (npm)
- The basics of getting an Express.js server up and running
- Integration with MongoDB (a NoSQL database)
- Authentication, server security, and API development
-
React Development Bootcamp Online 96 hours
Learn how to create dynamic web applications with React through this comprehensive bootcamp. Covering everything from the basics of React and Node.js to advanced components and server deployment, it gives you the skills to put together fully functioning web apps.
- The fundamentals of React functionality, including components, props, and state
- The lifecycle of React hooks, covering useEffect, useState, useContext, and more
- One-way data binding and the reusability that React components bring
- How higher-order components (HOC) come into play in React
- Front-end web security
- Deployment to the cloud through AWS and alternate stacks
- The full cycle of full-stack web development with the MERN stack
-
Entering the Web Development Industry Course Online 24 hours
Learn how to pursue employment as a web developer while exploring industry roles, building your portfolio, connecting with recruiters, and preparing for interviews through practical career exercises.
- Build a professional portfolio
- Practice solving algorithms
- Prepare for technical and behavioral interviews
-
Python Programming Course Online 30 hours
Start learning Python from the ground up by mastering core concepts like variables, data types, loops, and functions. Apply your skills to real-world problems using object-oriented programming, and build a GitHub portfolio that showcases your practical Python experience to employers.
- Build a strong foundation in the Python programming language through structured, self-paced lessons
- Learn core programming concepts including data types, control flow, functions, and object-oriented programming
- Practice navigating technical documentation and handling errors and exceptions effectively
- Gain confidence writing Python programs independently through hands-on coding exercises
- Understand industry standards and best practices for writing clean, maintainable code
- Strengthen your skills through real-world projects designed for resume and portfolio building
- Create two finished projects to feature in your coding portfolio
-
Python Web Development with Django Course Online 30 hours
Dive into Django, a Python web framework used to build dynamic web applications. This self-paced course covers core Django concepts like URL dispatchers, querying models, and task automation before moving into Django REST, where you’ll work with images, authentication, and API endpoints.
- Set up Django projects and work with URL dispatchers, templates, and database models
- Build full-stack web applications using Django’s MVC architecture and generic views
- Implement authentication, user management, and secure API endpoints with Django REST
- Automate tasks in Django, including background processes and scheduled jobs
- Work with RESTful APIs, including building and consuming web services
- Prepare Django applications and APIs for deployment in production environments
-
Web Development Labs Online 10 hours
- Code along with guided lessons in a class-style format.
- Complete independent coding challenges with starter code and scaffolding.
- Practice job interview-style challenges with increasingly complex problems and no scaffolding.
- Review multiple solution approaches, from acceptable to optimized.
- Debug code containing errors and logic issues to strengthen troubleshooting skills.
- Build confidence through targeted drills designed to reinforce specific programming concepts.
-
AI Coding Bootcamp with Claude Code Online 60 hours
Learn Claude Code on your own schedule while building full-stack web apps from the ground up.
- Use Claude Code as a practical coding assistant for planning, editing, debugging, and shipping apps
- Build confidence with Git, GitHub, and collaborative development workflows
- Understand how modern web apps fit together across frontend, backend, APIs, and deployment
- Create full-stack projects using Next.js, Supabase, authentication, and third-party APIs
- Strengthen app quality through responsive design, accessibility, testing, and security practices
- Deploy a finished application with environment variables, a custom domain, and launch-ready polish
-
Python for AI: Create AI Apps with Flask & OpenAI Course Online 30 hours
Learn how to build AI-powered web applications using Flask and the OpenAI API. This course covers web development fundamentals, API integration, and AI-driven features for interactive applications.
- Set up Flask projects and create routes for handling web requests and rendering templates
- Design and style web applications with HTML, CSS, and Flask's templating system
- Integrate the OpenAI API to add AI-powered features like sentiment analysis
- Handle user input through dynamic forms and process data for real-time interactions
- Apply error handling and debugging techniques to keep your application running smoothly
- Deploy and test Flask applications for real-world use and AI-enhanced functionality
-
SQL Bootcamp Online 18 hours
Learn how to extract, filter, and manipulate data efficiently using SQL with a focus on PostgreSQL fundamentals. This course covers database querying, table joins, and advanced techniques for handling large datasets.
- Explore information stored in a database (tables, columns, rows, and more) through the graphical interface of DBeaver, a popular free database app
- Write SQL queries to retrieve data from tables in a database
- Combine information from multiple tables with JOIN statements
- Filter, group, and sort data to extract the specific info you need
- Pick up advanced techniques like subqueries, string functions, and IF-ELSE logic with CASE
- Discover how to use views and functions with parameters instead of querying tables directly
-
WordPress Course Online 18 hours
Learn to create and manage websites with WordPress, even if you have no prior web design experience. This thorough course covers everything from installation through theme customization and custom templates, making it an essential skill for web developers given that more than 40 percent of websites run on WordPress.
- Build and manage websites or blogs with WordPress
- Create and edit pages and posts, including formatting text, images, links, and other content
- Install WordPress themes and adjust their look and layout to fit your needs
- Explore how plugins extend functionality and bring in new features
- Set up WordPress locally so you can write, test, and experiment with code
- Understand what happens behind the scenes and use HTML, CSS, and PHP to customize and control your sites