cart-icn

You already have a course in your cart

You can only add one course to your cart at a time! By adding this course, you will replace the existing course from your cart. How would you like to proceed?

Web Design Professional with AI Coding

This web design course teaches you the core technologies, principles, and creative techniques needed to build modern, visually compelling websites. You will learn how to enhance your workflow with AI-assisted coding tools such as ChatGPT, Claude, GitHub Copilot, OpenAI Codex, and Claude Code, gain practical skills for managing web projects, and build a professional portfolio through hands-on, real-world exercises.

Web-Design-Professional-with-AI-Coding
$4,349.00 (USD)
currency dollar icon
Payment & Funding: view your options
arrow right icon
Have a question?We're here to help
Back
customer service representatives

Explore your payments options

When it comes to paying for your course-you've got options! Schedule a call with us and we can help you find the payment method that works best for you.
credit card icon

Credit Card: Visa, Mastercard, Discover or American Express card Most Popular

building icon

Workforce Funding: Learn about eligibility

close icon

Overview

Objective

Outline

Lesson 1: Animate Training

  • Introduction to Animate
  • Animation Basics
  • Drawing Tools
  • Character Design
  • Advanced Techniques
  • Working In The Animation Industry

Adobe Animate Projects: 3
Adobe Animate Final Exam

Lesson 2: Photoshop Training

  • Photoshop Crash Course
  • Selections And Masks
  • Reconstructing And Retouching
  • More Layers And Selections
  • Brushes And Painting
  • Working in the Design Industry

Adobe Photoshop Projects: 3
Adobe Photoshop Final Exam

Lesson 3: Things Every Developer Should Know

  • Zip Files
  • Showing Extensions
  • Taking Screenshots
  • Using Command Line Shell
  • Relative and Absolute Paths
  • Browsers
  • Visual Studio Code
  • Git and GitHub Foundations
  • Asking Good Questions

Lesson 4: Getting Started with AI Development

  • AI Toolkit Setup and First Interactions
  • Building Your First Webpage with AI

Lesson 5: Introduction to HTML Training

  • A Quick Overview of Web Development
  • Introduction to HTML
  • Paragraphs, Headings, and Text
  • HTML Links
  • HTML Images
  • HTML Lists
  • HTML Tables
  • Sectioning a Web Page
  • Audio and Video

HTML Project: 1
HTML Final Exam

Lesson 6: Color Theory

  • Terminology
  • Building an Efficient Color Theme
  • Color Theory Principles
  • Color Context
  • Implementing Color

Color Theory Final Exam

Lesson 7: Typography

  • Anatomy
  • Typeface vs. Font
  • Rules for Typography
  • Types of Typography
  • Type Hierarchy
  • Building an Efficient Style Guide

Typography Project: 1
Typography Final Exam

Lesson 8: Introduction to CSS Training

  • Crash Course in CSS
  • CSS Fonts
  • Color and Opacity
  • CSS Text
  • Borders, Margins, and Padding
  • Backgrounds
  • Display and Visibility
  • Pseudo-classes and Pseudo-elements
  • Styling Tables with CSS
  • Positioning
  • Transforms and Transitions
  • Layouts
  • CSS Lists as Hierarchical Navigation
  • Media Queries

CSS Project: 1
CSS Final Exam

Lesson 9: Introduction to JavaScript Training

  • JavaScript Basics
  • Variables, Arrays, and Operators
  • JavaScript Functions
  • Built-In JavaScript Objects
  • Conditionals and Loops
  • Event Handlers and Listeners
  • The HTML Document Object Model
  • CSS Object Model
  • Errors and Exceptions

Introduction to JavaScript Project: 1
Introduction to JavaScript Final Exam

Lesson 10: Creating, Styling, and Validating Web Forms

  • HTML Forms
  • JavaScript Form Validation
  • Styling Forms with CSS
  • Regular Expressions
  • Node.js and Server-side Form Validation
  • JSON

Web Forms Project: 1
Web Forms Final Exam

Lesson 11: Introduction to Bootstrap Training

  • Getting Started with Bootstrap Basics
  • Bootstrap Layout
  • Creating Responsive Navigation
  • Bootstrap Typography
  • Tables
  • Bootstrap Forms
  • Images
  • Bootstrap Components
  • Bootstrap Utilities
  • Bootstrap Flex

Bootstrap Project: 1
Bootstrap Final Exam

Lesson 12: Advanced JavaScript

  • Advanced JavaScript Concepts

Advanced JavaScript Final Exam

Lesson 13: Introduction to Vue.js Training

  • Overview and Introduction to Vue.js
  • Setting Up Vue with Vite
  • Basic Vue Reactivity
  • Conditionals and Loops
  • Components
  • Vue Routing

Vue Final Exam

Lesson 14: Managing Web Design Projects

  • Design Process
  • Project Scope
  • Mock-ups
  • Functionality Model
  • Managing Content Strategy
  • Usability and Accessibility Rules
  • Roll-out
  • Analysis

Managing Web Design Projects Project: 1
Managing Web Design Projects Final Exam

Lesson 15: AI as a Coding Partner

  • Chat and Agent Workflows
  • AI as Reviewer and Debugger

Course Total — Quizzes: 78 | Assignments: 183 | Projects: 13 | Exams: 12

Requirements

Prerequisites

You've got questions.
We're here to help.

Our highly knowledgeable Enrollment Specialists will answer any questions you might have about the course and payment options.

REQUEST INFO

Instructor

FAQs

Reviews

You've got questions.
We're here to help.

Our highly knowledgeable Enrollment Specialists will answer any questions you might have about the course and payment options.

REQUEST INFO