AI Content Creation Bootcamp Online
- Difficulty
- Beginner
- Format
- Self-paced
- Delivery
- Online
- Time Commitment
- 276 hours
Enroll with Virtual Design and Construction Institute
View current tuition and secure enrollment options from the course provider.
View tuition & enrollLoading enrollment options…
Prefer to enroll directly? Open the course website.
Summary
This 276-hour certificate covers the production skills behind modern content work and then adds the AI tooling that surrounds them. The first block teaches interface design in Figma, image editing in Photoshop, video editing in Premiere Pro, and motion graphics in After Effects. The second folds generative AI into that workflow and treats Claude as a day-to-day work assistant.
The program closes with an AI coding course and four studio projects, each shipped to a live URL: a client website, an interactive design system, a social media creative studio, and a marketing studio. Graduates leave able to produce content across formats and to build the small tools that support it.
Who this course is for
Content creators, social media managers, and career changers who want production skills across design, video, and motion graphics alongside practical AI workflows.
Preview the course
Watch free previews and explore the lessons included with enrollment at VDCI.
Figma Course Online
-
Overview & Setup
Lesson 1: Figma Fundamentals
1:10
Discover what this Figma design course covers and how to get the most out of the training videos and exercises.
This preview is temporarily unavailable. Please try again later.
-
Getting Started with Figma
Lesson 1: Figma Fundamentals
10:00
Learn how to create a Figma account and navigate the interface using either the browser or desktop app.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Designing on Grids & Layout Fundamentals
Lesson 1: Figma Fundamentals
29:43
Master grid-based design principles to keep content equally sized and consistently spaced across pages.
View enrollment options at VDCI -
Enrollment required
Working with Photos & Pixel Based Graphics
Lesson 1: Figma Fundamentals
27:16
Import photos and pixel-based images into your Figma designs using prepared layout files.
View enrollment options at VDCI -
Enrollment required
Vector Graphics, Colors & Effects
Lesson 1: Figma Fundamentals
30:11
Bring in vector graphics and apply colors, color styles, and effects like drop shadows to enhance your layouts.
View enrollment options at VDCI -
Introduction to Components & Auto Layout
Lesson 2: Components & Prototyping
10:00
Explore Figma's component system and get an introductory look at auto layout for reusable design elements.
This preview is temporarily unavailable. Please try again later.
-
Prototyping Interactive Designs
Lesson 2: Components & Prototyping
10:00
Turn static designs into clickable, interactive prototypes that simulate real user experiences.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Sharing, Exporting & Collaboration
Lesson 2: Components & Prototyping
29:42
Share finished designs with teammates, stakeholders, and developers using Figma's collaboration features.
View enrollment options at VDCI -
Understanding Auto Layout
Lesson 3: Deep Dives
10:00
Dive deeper into auto layout to understand how automatic sizing and spacing work in Figma.
This preview is temporarily unavailable. Please try again later.
-
Advanced Auto Layout Techniques
Lesson 3: Deep Dives
10:00
Master nested auto layout frames with different directions, padding, and spacing settings for complex layouts.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Prototype Scrolling & Hyperlinks
Lesson 3: Deep Dives
18:54
Configure vertical and horizontal scrolling within prototypes for long pages and scrollable sections.
View enrollment options at VDCI -
Enrollment required
Typography Styles & Sketch File Import
Lesson 3: Deep Dives
13:58
Create and manage reusable type styles to maintain consistent typography across your designs.
View enrollment options at VDCI -
Component Properties & Design Systems
Lesson 4: Advanced Features
10:00
Leverage component properties to build flexible, reusable elements that scale into a design system.
This preview is temporarily unavailable. Please try again later.
-
Hover States, Overlays & Smart Animate
Lesson 4: Advanced Features
10:00
Design hover effects and overlay interactions for desktop interfaces using Figma's prototyping tools.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Team Libraries & Shared Design Systems
Lesson 4: Advanced Features
20:23
Set up team libraries to share styles and components across multiple files and users in your organization.
View enrollment options at VDCI -
Enrollment required
Wrap Up & Next Steps
Lesson 4: Advanced Features
0:12
Review key takeaways from the Figma course and get encouragement to continue practicing.
View enrollment options at VDCI
Adobe Photoshop Course Online
-
Getting Started
Lesson 1: Photoshop Foundations & Image Editing
10:00
Discover how to navigate Photoshop’s interface, workspaces, and essential tools with confidence. Learn how to reset preferences, manage panels, and troubleshoot interface issues. Perfect for beginners wanting a clean, organized setup.
This preview is temporarily unavailable. Please try again later.
-
Photo Retouching
Lesson 1: Photoshop Foundations & Image Editing
10:00
Learn professional techniques for removing distractions and cleaning up photos using healing brushes and layer management. Understand the importance of working non-destructively and how to reset tools for precise edits. Create flawless images that look natural and polished.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Cropping Photos
Lesson 1: Photoshop Foundations & Image Editing
16:40
Explore powerful cropping techniques that preserve your original pixels and maintain flexibility in your workflow. Learn how to straighten tilted photos and recover cropped areas without losing data. This session emphasizes non-destructive editing for perfect composition.
View enrollment options at VDCI -
Enrollment required
Creating Graphics Combing Photos, Text, & Graphics
Lesson 1: Photoshop Foundations & Image Editing
33:35
Create stunning social media graphics by combining photos, text, and logos inside Photoshop. Learn about document setup, resolution, color modes, and how to import images the right way. Build visually appealing digital designs ready for any platform.
View enrollment options at VDCI -
Replacing Backgrounds
Lesson 2: Selections, Color, & Image Correction
10:00
Replace boring photo backgrounds with ease using Photoshop’s advanced selection and masking tools. Learn how to use Select Subject, Select and Mask, and refine edges for clean, professional results. Perfect your compositing skills while maintaining natural details.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Blend Modes and Opacity
Lesson 2: Selections, Color, & Image Correction
12:29
Enhance your photo composites with realistic blending techniques. Discover how opacity and blend modes like Screen, Multiply, and Overlay transform layers for creative effects. Add atmosphere, texture, or fog to seamlessly merge subjects and backgrounds.
View enrollment options at VDCI -
Enrollment required
Color Correction Using Color Balance
Lesson 2: Selections, Color, & Image Correction
14:09
Train your eye to detect subtle color imbalances and master the principles of the color wheel. Learn how warm and cool tones interact and how to balance them effectively in your photos. This foundational color theory lesson sets the stage for precise adjustments.
View enrollment options at VDCI -
Enrollment required
Color Correction Using Curves
Lesson 2: Selections, Color, & Image Correction
28:39
Master professional-level color correction using the Curves adjustment layer. Learn how to analyze histograms, adjust tonal ranges, and balance colors for realistic, vibrant images. This powerful method gives you precision control over every pixel.
View enrollment options at VDCI -
Preparing & Exporting Digital Photos for Print and Web
Lesson 2: Selections, Color, & Image Correction
10:00
Understand image resolution, resizing, and preparing files for print or web with perfect clarity. Learn the difference between pixels per inch (PPI), resampling, and how to maintain quality across media. Discover when to use RGB or CMYK for optimal results.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Sharpening Photos
Lesson 3: Sharpening, Filters, & Layer Masking
13:43
Learn how to enhance image sharpness realistically using Photoshop’s Smart Sharpen and Unsharp Mask filters. Understand what sharpening can and can’t fix, how contrast affects detail, and how to fine-tune radius and amount settings for crisp, natural results.
View enrollment options at VDCI -
Enrollment required
The Liquify Filter & Intro to Smart Filters
Lesson 3: Sharpening, Filters, & Layer Masking
10:50
Discover how Smart Filters make Photoshop edits fully adjustable and nondestructive. Explore the powerful Liquify filter to reshape images, adjust facial features, and selectively undo changes using the Reconstruct tool.
View enrollment options at VDCI -
Enrollment required
Layer Masking
Lesson 3: Sharpening, Filters, & Layer Masking
17:07
Master nondestructive editing with layer masks to hide or reveal parts of an image. Learn how to use selections, transform tools, and fill layers to isolate subjects, create clean compositions, and maintain full flexibility in your design workflow.
View enrollment options at VDCI -
Enrollment required
Masking Smart Filters
Lesson 3: Sharpening, Filters, & Layer Masking
21:29
Apply filters nondestructively with Smart Objects and Smart Filter masks. Learn how to selectively blur backgrounds using field blur and realistic bokeh effects to create professional depth and focus within your images.
View enrollment options at VDCI -
Enrollment required
Converting to Black & White & Lens Correction
Lesson 4: Creative Image Enhancement & Presentation
18:33
Convert color photos to black and white with complete tonal control using adjustment layers. Fine-tune luminance values by color channel, mix selective color and monochrome areas, and preserve editability through nondestructive workflows.
View enrollment options at VDCI -
Enrollment required
Placing Your Designs in Premade Mockups
Lesson 4: Creative Image Enhancement & Presentation
9:44
Present your designs professionally with Photoshop mockups. Learn how to place artwork into realistic environments using Smart Objects, adjust perspective and lighting, and save time with pre-made mockup templates for logos, packaging, and branding.
View enrollment options at VDCI -
Enrollment required
Adjustment Layers & Masks
Lesson 4: Creative Image Enhancement & Presentation
18:38
Use adjustment layers and masks to guide the viewer’s eye through your image. Practice selective lighting, contrast adjustments, and color balance to draw attention to key elements and create more visually compelling compositions.
View enrollment options at VDCI -
Retouching
Lesson 4: Creative Image Enhancement & Presentation
10:00
Remove unwanted objects and imperfections using Spot Healing, Healing Brush, and Clone Stamp tools. Learn blending and rotation techniques to repair lines, textures, and details seamlessly for high-quality retouching.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Changing Color With a Blending Mode
Lesson 5: Camera Raw & Professional Photo Editing
18:29
Change clothing and object colors precisely with Photoshop’s selection tools and color adjustment layers. Refine edges using Select and Mask, apply hue and solid color adjustments, and create realistic, natural-looking color transformations.
View enrollment options at VDCI -
Enrollment required
Clipping Masks Filling Shapes with Images
Lesson 5: Camera Raw & Professional Photo Editing
8:56
Combine layers creatively with clipping masks to display images within text, shapes, or logos. Understand the difference between layer masks and clipping masks, manage layer order, and group elements for flexible, organized compositions.
View enrollment options at VDCI -
Using Adjustment Layers as Clipping Masks
Lesson 5: Camera Raw & Professional Photo Editing
10:00
Learn how to replace dull skies with vibrant, realistic ones using Photoshop’s AI-powered Sky Replacement tools. Adjust lighting and color balance to perfectly blend your new sky with the scene for natural-looking composites.
This preview is temporarily unavailable. Please try again later.
-
Camera Raw Fundamentals
Lesson 5: Camera Raw & Professional Photo Editing
10:00
Unlock the full potential of your images with Adobe Camera Raw. Explore how to recover shadows and highlights, correct white balance, reduce noise, and achieve nondestructive, professional-quality edits using raw image data.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Camera Raw as a Filter
Lesson 5: Camera Raw & Professional Photo Editing
5:01
Apply Adobe Camera Raw features to any image, even non-RAW files, using the Camera Raw Filter. Enhance photos with tools like Dehaze, noise reduction, and selective masking for advanced, localized image adjustments.
View enrollment options at VDCI -
Enrollment required
Batch Actions & the Image Processor
Lesson 6: Automation, Design, & Mockups
12:06
Save time by automating repetitive tasks in Photoshop using Actions. Record and replay editing steps, batch process multiple images, and create consistent results quickly and efficiently.
View enrollment options at VDCI -
Enrollment required
Photoshop for Design Adding a Title & Layer Styles
Lesson 6: Automation, Design, & Mockups
20:49
Design a professional magazine ad while learning essential layout, typography, and color principles. Set up print-ready files, use Smart Objects, and apply gradients and effects for a modern, eye-catching composition.
View enrollment options at VDCI -
Enrollment required
Photoshop for Design Creating Digital Art in Photoshop
Lesson 6: Automation, Design, & Mockups
21:51
Create dynamic designs using vector tools and the Pen Tool to draw custom shapes and graphics. Learn how to combine gradients, strokes, and editable paths for scalable, precise design elements.
View enrollment options at VDCI -
Enrollment required
Photoshop for Design Compositing into a Photo
Lesson 6: Automation, Design, & Mockups
9:41
Build your own realistic Photoshop mockups to showcase your designs. Learn to distort, warp, and texture your graphics for lifelike presentation and reusable mockup templates.
View enrollment options at VDCI
Adobe Premiere Pro Course Online
-
Creating Projects, Importing Sequences
Lesson 1: Core Editing Workflow
10:00
Create a new Premiere Pro project, organize media folders, import assets, and set up sequences and workspaces for interview editing.
This preview is temporarily unavailable. Please try again later.
-
Fixing Color & Audio
Lesson 1: Core Editing Workflow
9:33
Improve video and audio quality using Lumetri Color for correction and basic noise reduction for cleaner sound.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Cutting Up Clips on the Timeline
Lesson 1: Core Editing Workflow
15:18
Edit interviews by removing mistakes and pauses using ripple edits, razor cuts, and keyboard shortcuts.
View enrollment options at VDCI -
Enrollment required
Using Text Based Editing
Lesson 1: Core Editing Workflow
11:18
Speed up editing with text-based workflows by generating transcripts and cutting clips directly from text.
View enrollment options at VDCI -
Enrollment required
Using the Source Monitor
Lesson 1: Core Editing Workflow
10:43
Add B-roll precisely using the Source Monitor and three-point editing to cover jump cuts and support storytelling.
View enrollment options at VDCI -
Enrollment required
Working with Slomo Footage
Lesson 1: Core Editing Workflow
7:15
Create smooth slow motion by properly interpreting high–frame-rate footage and adjusting clip speed.
View enrollment options at VDCI -
Enrollment required
Resizing Clips in the Timeline
Lesson 1: Core Editing Workflow
5:57
Fix mismatched clip sizes by fitting or filling footage to a 1920×1080 sequence and adjusting scale and position.
View enrollment options at VDCI -
Adding Images Logos
Lesson 2: Visual Enhancements & Graphics
8:18
Add a logo bug to the screen and control its size, position, and duration using guides and safe margins.
This preview is temporarily unavailable. Please try again later.
-
Adding Images Photos
Lesson 2: Visual Enhancements & Graphics
10:00
Enhance interviews with photos by animating position and scale using keyframes.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Animating Scale to Fake Zooming
Lesson 2: Visual Enhancements & Graphics
7:43
Simulate camera zooms by animating scale with easing for natural-looking motion.
View enrollment options at VDCI -
Enrollment required
Adding Transitions
Lesson 2: Visual Enhancements & Graphics
5:40
Apply and customize video transitions to smooth visual flow between clips.
View enrollment options at VDCI -
Enrollment required
Editing Clips Moving & Trimming
Lesson 2: Visual Enhancements & Graphics
16:13
Organize and refine the timeline by trimming, moving, and managing tracks for tighter pacing.
View enrollment options at VDCI -
Enrollment required
Editing Clips Slip & Slide Edit
Lesson 2: Visual Enhancements & Graphics
14:21
Adjust B-roll timing using slip and slide edits without changing sequence length.
View enrollment options at VDCI -
Enrollment required
Adding Text
Lesson 2: Visual Enhancements & Graphics
19:44
Create on-screen text using Premiere Pro’s graphics tools and format it for clarity and readability.
View enrollment options at VDCI -
Enrollment required
Animating a Graphic
Lesson 2: Visual Enhancements & Graphics
8:37
Animate text and logos with keyframes to add subtle motion, fades, and looping effects.
View enrollment options at VDCI -
Enrollment required
Quick Export
Lesson 2: Visual Enhancements & Graphics
5:44
Export completed videos using Quick Export and verify settings for share-ready files.
View enrollment options at VDCI -
Project Intro
Lesson 3: Promo Project Foundations
10:00
Set up a new promo project by reviewing assets, goals, and creating a clean sequence.
This preview is temporarily unavailable. Please try again later.
-
Refining Clips
Lesson 3: Promo Project Foundations
10:00
Improve pacing by adjusting clip timing and syncing visuals to music beats.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Adjusting Audio
Lesson 3: Promo Project Foundations
6:34
Balance audio levels using volume, gain, fades, and clipping prevention techniques.
View enrollment options at VDCI -
Enrollment required
Adding Titles
Lesson 3: Promo Project Foundations
15:25
Design custom titles with controlled typography, placement, and backgrounds for promos.
View enrollment options at VDCI -
Enrollment required
Resizing and Exporting Video
Lesson 3: Promo Project Foundations
22:33
Prepare videos for multiple platforms by duplicating sequences and adjusting aspect ratios.
View enrollment options at VDCI -
Editing a VO
Lesson 4: Voiceover-Driven Editing
10:00
Edit voice over recordings by selecting best takes and assembling a clean audio sequence.
This preview is temporarily unavailable. Please try again later.
-
Enhancing Audio
Lesson 4: Voiceover-Driven Editing
10:00
Improve voice over quality with nesting, noise reduction, EQ, and Essential Sound presets.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Adding Music & Markers
Lesson 4: Voiceover-Driven Editing
12:13
Add background music and balance it against voice over using markers for timing.
View enrollment options at VDCI -
Enrollment required
Adding Clips to the Timeline
Lesson 4: Voiceover-Driven Editing
18:59
Build visuals around voice over by aligning clips to markers with overwrite and three-point edits.
View enrollment options at VDCI -
Enrollment required
Working with Effects
Lesson 4: Voiceover-Driven Editing
15:51
Apply video effects such as stabilization to improve shaky footage.
View enrollment options at VDCI -
Multicam Editing
Lesson 5: Advanced Editing Techniques
10:00
Create multicamera sequences by syncing angles with shared audio and switching views live.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Adding B Roll
Lesson 5: Advanced Editing Techniques
6:12
Enhance multicam edits by layering B-roll to cover cuts and add visual interest.
View enrollment options at VDCI -
Enrollment required
Working with Adjustment Layers
Lesson 5: Advanced Editing Techniques
7:00
Apply color correction across multiple clips using adjustment layers.
View enrollment options at VDCI -
Enrollment required
Adding an AE Composition
Lesson 5: Advanced Editing Techniques
8:01
Integrate After Effects compositions using Dynamic Link without intermediate renders.
View enrollment options at VDCI -
Chroma Keying
Lesson 6: Chroma Key & Animation
10:00
Remove green screens using Ultra Key and refine matte settings for clean edges.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Finishing up the Keying Animation
Lesson 6: Chroma Key & Animation
8:43
Finalize green screen animations by nesting clips, fixing artifacts, and syncing motion graphics.
View enrollment options at VDCI -
Enrollment required
Using Project Manager
Lesson 7: Project Delivery & Archiving
3:56
Package and back up projects using Project Manager to consolidate media for archiving or collaboration.
View enrollment options at VDCI
Adobe After Effects Course Online
-
Enrollment required
Course Files & Project Overview
Lesson 1: Creating a Social Media Ad
5:03
Organize your project by creating a composition in After Effects, importing pre-made media files (images, audio, video), and layering them to animate elements like text, photos, and effects according to a structured folder system.
View enrollment options at VDCI -
Getting Started
Lesson 1: Creating a Social Media Ad
3:20
Close the start screen, switch to the Standard workspace, and reset it to ensure a consistent panel layout.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Social Media Ad
Lesson 1: Creating a Social Media Ad
11:56
Learn how to set up an After Effects project to create a square-format social media ad using imported images, video, and audio, starting with planning via a storyboard and building a new composition with specific dimensions, duration, and frame rate.
View enrollment options at VDCI -
Enrollment required
Importing Media
Lesson 1: Creating a Social Media Ad
6:46
Import media files properly by using the correct import method, manage and rename folders carefully, and avoid accidental double-clicks that isolate elements.
View enrollment options at VDCI -
Enrollment required
Adding Footage to a Composition
Lesson 1: Creating a Social Media Ad
3:16
Drag footage into the timeline to add it to a composition, rename layers freely, but avoid renaming or moving source files on your computer to prevent broken links.
View enrollment options at VDCI -
Transform Properties and Layer Management
Lesson 1: Creating a Social Media Ad
6:18
Use the Properties panel or the Timeline to adjust layer settings like position, scale, and rotation, keeping in mind that layer order affects visibility and selection may require using the timeline or right-click menu.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Relinking Missing Files
Lesson 1: Creating a Social Media Ad
5:08
Open the starter project from page 25, reconnect missing media files using "Replace Footage File," and avoid renaming, moving, or deleting source files after import.
View enrollment options at VDCI -
Enrollment required
Importing Audio
Lesson 1: Creating a Social Media Ad
8:04
Add an audio file to the After Effects timeline, reveal its waveform using the LL shortcut, and trim or reposition the layer to align with the desired start time.
View enrollment options at VDCI -
Enrollment required
Animation and Keyframes Part 1
Lesson 1: Creating a Social Media Ad
15:47
Animate layers in After Effects by enabling the stopwatch to create keyframes for properties like position and rotation, adjusting their values over time on the timeline, and using easing for smoother transitions.
View enrollment options at VDCI -
Enrollment required
Animation and Keyframes Part 2
Lesson 1: Creating a Social Media Ad
13:56
Understand how to animate by setting keyframes, shift layers in time using shortcuts, duplicate animated layers, and replace their content while ensuring correct selection and precise timing.
View enrollment options at VDCI -
Enrollment required
Using the Type Tool
Lesson 2: Finalizing and Exporting the Social Media Ad
5:08
Use the horizontal type tool to create and format a text layer using either the Properties panel after typing or the Character and Paragraph panels before typing.
View enrollment options at VDCI -
Enrollment required
Animating Text and Layer Styles
Lesson 2: Finalizing and Exporting the Social Media Ad
15:13
Understand how to control and adjust layer anchor points, styles, and effects in animation software to ensure proper rotation, scaling, and appearance across text, image, and video layers.
View enrollment options at VDCI -
Enrollment required
Working with Video Layers
Lesson 2: Finalizing and Exporting the Social Media Ad
8:35
Hide all properties using Command-Tilde after selecting all layers, then import and position a video layer, scale it to fit comp height, align it if needed, and adjust contrast to enhance visual clarity.
View enrollment options at VDCI -
Blending Modes and Effects
Lesson 2: Finalizing and Exporting the Social Media Ad
10:00
Learn how to use blending modes, effects, and time manipulation in a graphics program to create and customize layered smoke visuals.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Parent and Link
Lesson 2: Finalizing and Exporting the Social Media Ad
9:07
Use parenting with a null object layer to control and animate multiple layers simultaneously by assigning them as children, reducing keyframes and simplifying adjustments.
View enrollment options at VDCI -
Enrollment required
Adding a Linear Wipe
Lesson 2: Finalizing and Exporting the Social Media Ad
7:59
Apply a linear wipe to the oversized background layer to fade out its right side, then add and animate the company logo PNG to slide in from the right while duplicating it into white and black versions for visual layering.
View enrollment options at VDCI -
Additional Child Layers and Animating Opacity
Lesson 2: Finalizing and Exporting the Social Media Ad
7:28
Follow the timing instructions precisely to properly parent layers and copy opacity animations, ensuring synced transitions and visibility.
This preview is temporarily unavailable. Please try again later.
-
Preparing for Export
Lesson 3: Creating an Infographic Animation
8:34
Use the work area bar in After Effects to control preview and export ranges, then manually animate opacity and audio levels to create fade-ins and fade-outs.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Exporting the Project
Lesson 3: Creating an Infographic Animation
2:49
Export the composition by adding it to the Render Queue, setting quality and output settings, choosing a save location, and clicking Render.
View enrollment options at VDCI -
Enrollment required
Project Overview & Getting Started
Lesson 3: Creating an Infographic Animation
9:22
Learn how to import layered Illustrator and Photoshop files into After Effects to create and animate infographic scenes using a scene-based workflow.
View enrollment options at VDCI -
Enrollment required
Importing Illustrator Files
Lesson 3: Creating an Infographic Animation
10:13
Import Illustrator or Photoshop files as compositions with retained layer sizes after creating a dummy composition to ensure correct settings.
View enrollment options at VDCI -
Enrollment required
Organizing the Timeline
Lesson 3: Creating an Infographic Animation
5:42
Organize and color-code layers, edit original files, and isolate or solo elements in the timeline to manage complex compositions.
View enrollment options at VDCI -
Enrollment required
Starting the Animation
Lesson 3: Creating an Infographic Animation
16:42
Animate layers efficiently by creating a dummy composition, overestimating duration, using consistent keyframe techniques like overshoot and ease, and timing staggered animations with shortcuts to avoid tedious manual adjustments.
View enrollment options at VDCI -
Animating Position
Lesson 3: Creating an Infographic Animation
2:22
Animate the position of layer 22 starting at frame 25, trimming its visibility to sync with the shield’s scaling using Option + left bracket.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Finalizing the First Animation
Lesson 3: Creating an Infographic Animation
3:52
Understand how animation properties like scale, opacity, and rotation can be copied relative to their layers, while position must be manually adjusted due to its document-based reference, and apply overshoot techniques thoughtfully for more dynamic motion.
View enrollment options at VDCI -
Overview of Masks
Lesson 4: Logo & Title Animation
9:55
Open the provided project file, split the social media headline into two masked layers using vector paths, animate each with an overshoot motion, and prepare for manual sequencing in the timeline.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Setting Guides and Grids
Lesson 4: Logo & Title Animation
4:35
Use visual aids like rulers, guidelines, title/action safe areas, proportional grids, and document grids to organize and align elements accurately in your composition.
View enrollment options at VDCI -
Enrollment required
Adding Masks to Layers
Lesson 4: Logo & Title Animation
5:36
Create and adjust a 10-frame animation by keyframing position changes, using easing for smoother motion, duplicating layers with masks, and refining mask visibility and properties for compositing.
View enrollment options at VDCI -
Adding a Track Matte & FInalizing the Animation
Lesson 4: Logo & Title Animation
10:00
Use a track matte layer positioned above to reveal text only when it enters a defined visible area.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
A Note on Track Mattes
Lesson 4: Logo & Title Animation
4:00
Understand that masks are bound to a layer and transform with it, while track mats use separate layers allowing independent animation, often based on alpha (transparency) or luma (brightness), and are widely used in text, shape, and video animations for reveal effects.
View enrollment options at VDCI -
Enrollment required
Re-creating Text in After Effects
Lesson 4: Logo & Title Animation
11:17
Use live text layers to animate editable text instead of static image-based text when fonts are available.
View enrollment options at VDCI -
Adding Text Animators
Lesson 4: Logo & Title Animation
10:00
Animate text properties like position, scale, and rotation per character, word, or line using the Add Animator button in the Properties panel.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
A Note on Text Animators
Lesson 4: Logo & Title Animation
11:26
Animate text in After Effects by applying animators to live text layers using range selectors to control properties like opacity on a character, word, or line basis.
View enrollment options at VDCI -
Working with Nested Compositions
Lesson 5: Medical Animation
10:00
Combine multiple compositions (pre-comps) into a single comp to manage layers, apply effects uniformly, and streamline complex scenes.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
A Note on Transitions
Lesson 5: Medical Animation
2:02
Animate transitions using layers or effects like fades or zooms, optionally enhance realism with motion blur, which appears only during movement and impacts preview performance but still renders on export.
View enrollment options at VDCI -
Enrollment required
Logo Animation Getting Started
Lesson 5: Medical Animation
6:06
Animate multiple identical layers simultaneously, then use the sequencing command to stagger their start times evenly across the timeline.
View enrollment options at VDCI -
Enrollment required
Using the Shy Switch
Lesson 5: Medical Animation
3:30
Use the Shy switch and layer lock to hide and protect layers in the timeline while maintaining comp visibility.
View enrollment options at VDCI -
Enrollment required
Animating Transform Properties
Lesson 5: Medical Animation
13:55
Animate multiple layers by selecting them in order, setting relative keyframes using arrow keys or dragging, applying easing, shortening layer durations, sequencing them with Keyframe Assistant, and adjusting stagger timing by trimming and resequencing layers as needed.
View enrollment options at VDCI -
Adding Multiple Text Animators
Lesson 6: Shapes, Animation & Compositing
10:00
Animate a title in After Effects by using a linear wipe effect on a shape layer line, apply position animators to text layers for movement, use a solid as a track matte for reveal effects, and set text animation to occur word-by-word with range selectors.
This preview is temporarily unavailable. Please try again later.
-
The Write On Effect Part 1
Lesson 6: Shapes, Animation & Compositing
10:00
Animate text using the Write-On effect by drawing open mask paths on each layer, applying the Stroke effect, and using keyboard shortcuts like U and UU to reveal keyframes and modified properties.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
The Write On Effect Part 2
Lesson 6: Shapes, Animation & Compositing
7:32
Apply the Stroke effect to a masked layer, animate the End property to create a write-on text effect, then copy and paste the effect to other layers and manually sequence their timing.
View enrollment options at VDCI -
Enrollment required
A Note on Start and End Points
Lesson 6: Shapes, Animation & Compositing
5:52
Animate the stroke's start or end based on the direction the path was drawn, as start and end define animation direction relative to the path or text.
View enrollment options at VDCI -
Enrollment required
Importing Photoshop Files
Lesson 6: Shapes, Animation & Compositing
9:07
Import and animate a looping red blood cell video, Photoshop-painted vein graphics, and heartbeat audio into After Effects, ensuring grouped layers are flattened to avoid unwanted pre-comps.
View enrollment options at VDCI -
Enrollment required
Curving Motion Paths
Lesson 6: Shapes, Animation & Compositing
10:56
Understand how Photoshop and After Effects handle layer-based imports, noting support for opacity and blending modes but not clipping masks or smart objects, and manage timeline elements like layer color coding, footage interpretation, and looping settings.
View enrollment options at VDCI -
Enrollment required
loopOut Expression
Lesson 6: Shapes, Animation & Compositing
7:38
Use the loopOut() expression in After Effects to repeat an animation indefinitely using only three keyframes.
View enrollment options at VDCI -
Adding the Echo Effect
Lesson 6: Shapes, Animation & Compositing
10:00
Precompose animated layers to create reusable comps, ensuring "Move all attributes" is selected, then apply the Echo effect to generate time-delayed visual duplicates for motion trail effects.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Project Overview and Adding Guides
Lesson 6: Shapes, Animation & Compositing
10:07
Create a simple bar graph using shape and text layers, apply track mattes and animation presets, align elements with guides, and manually build layered components based on a reference image.
View enrollment options at VDCI -
Enrollment required
Creating Shape Layers and Text
Lesson 6: Shapes, Animation & Compositing
7:30
Create text labels first to position them correctly, then draw and name bar-shaped rectangles with consistent anchor points and dimensions, ensuring proper alignment and visibility beneath the text.
View enrollment options at VDCI -
Creating Graph Frame and Grid
Lesson 6: Shapes, Animation & Compositing
7:34
Build a simple square graph with an outline, tick mark, grid using the Grid effect, labeled text layers, a headline, and a background image.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Animating the Headline
Lesson 6: Shapes, Animation & Compositing
5:35
Animate the headline using the "Blinking Cursor Typewriter Console" preset, scale the bars into view, reveal country labels with a track matte, draw the outline using Trim Paths, and apply Gradient Wipe to animate the grid.
View enrollment options at VDCI -
Enrollment required
Animating the Bars
Lesson 6: Shapes, Animation & Compositing
4:19
Animate bar layers by adjusting scale and anchor points using the pan behind tool, search properties depending on layer selection, and apply presets cautiously to avoid conflicts.
View enrollment options at VDCI -
Enrollment required
Revealing the Country Labels
Lesson 6: Shapes, Animation & Compositing
8:46
Animate text and shapes using track mattes, shape layer effects like trim paths, and gradient wipes based on grayscale layers, while managing anchor points limitations in predefined shapes.
View enrollment options at VDCI -
Enrollment required
A Note on Assets
Lesson 6: Shapes, Animation & Compositing
4:03
Understand that most graphics for animation are created and prepped in Illustrator, as After Effects is not ideal for drawing or editing complex assets.
View enrollment options at VDCI -
Enrollment required
Green Screen Removal
Lesson 6: Shapes, Animation & Compositing
13:13
Understand how After Effects is used primarily for motion graphics animation and video compositing, including techniques like motion tracking and green screen removal using presets such as Keylight.
View enrollment options at VDCI
AI for Graphic Design Course Online
-
Course Overview
Lesson 1: AI Foundations & AI in Photoshop
1:48
An introduction to a complete AI-powered graphic design workflow using Photoshop, Illustrator, InDesign, and Adobe Firefly.
This preview is temporarily unavailable. Please try again later.
-
Photoshop Setup
Lesson 1: AI Foundations & AI in Photoshop
10:00
Prepare Photoshop for AI-based work by resetting tools, preferences, and workspaces to create a clean, consistent environment for generative and retouching tools.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Remove Tool AI
Lesson 1: AI Foundations & AI in Photoshop
27:40
Remove unwanted elements such as people, wires, and objects using Photoshop’s AI-powered Remove Tool and Content-Aware Fill, comparing traditional techniques with generative removal.
View enrollment options at VDCI -
Enrollment required
Generative Expand
Lesson 1: AI Foundations & AI in Photoshop
13:28
Extend images beyond their original edges using Generative Expand and Content-Aware Fill, evaluating image quality, resolution limits, and practical sharpening workarounds.
View enrollment options at VDCI -
Enrollment required
Smart Selections
Lesson 1: AI Foundations & AI in Photoshop
12:45
Create accurate selections and masks with Select Subject, Object Selection, and AI-based people detection, refining edits for hair, skin, clothing, and facial features.
View enrollment options at VDCI -
Enrollment required
AI Upscaling
Lesson 1: AI Foundations & AI in Photoshop
10:37
Improve image resolution using Generative Upscale, Firefly Upscaler, and Topaz Gigapixel, and learn when AI upscaling is effective without distorting identity.
View enrollment options at VDCI -
Enrollment required
Upscale Limitations
Lesson 1: AI Foundations & AI in Photoshop
3:28
Experiment with extreme upscaling on low-resolution images to understand common failures with facial details and determine when creative enhancement is acceptable.
View enrollment options at VDCI -
Enrollment required
Neural Filters
Lesson 1: AI Foundations & AI in Photoshop
11:05
Enhance images using AI-powered Neural Filters such as Colorize, Skin Smoothing, Smart Portrait, and Color Transfer while maintaining non-destructive workflows.
View enrollment options at VDCI -
Enrollment required
Harmonize Tool
Lesson 1: AI Foundations & AI in Photoshop
3:37
Blend subjects into new backgrounds using the Harmonize feature to automatically match lighting, shadows, and color for realistic compositing.
View enrollment options at VDCI -
Enrollment required
Generative Fill
Lesson 1: AI Foundations & AI in Photoshop
4:08
Replace, remove, or add visual elements with Generative Fill while comparing different AI models and learning how prompts and selections influence realism.
View enrollment options at VDCI -
Enrollment required
Select & Mask AI
Lesson 1: AI Foundations & AI in Photoshop
8:53
Refine difficult selections using Select Subject, Remove Background, and the Select and Mask workspace with cloud-based AI processing for cleaner edges.
View enrollment options at VDCI -
Enrollment required
Photoshop Web AI
Lesson 1: AI Foundations & AI in Photoshop
5:01
Edit images directly in Photoshop on the web by accessing cloud-based AI tools to adjust lighting, color, and tonal values through web workflows.
View enrollment options at VDCI -
Vector Generation
Lesson 2: AI in Illustrator
10:00
Generate vector illustrations in Adobe Illustrator using AI text prompts while exploring different styles, detail levels, and model options.
This preview is temporarily unavailable. Please try again later.
-
Vector Styles
Lesson 2: AI in Illustrator
5:25
Customize AI-generated vector artwork by applying effects, color presets, and stylistic variations such as pixel art, flat design, and low-poly styles.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Shape Fill AI
Lesson 2: AI in Illustrator
5:44
Fill custom shapes with AI-generated vector artwork using Generate Shape Fill to follow complex paths and freeform drawings.
View enrollment options at VDCI -
Enrollment required
Model Comparison
Lesson 2: AI in Illustrator
3:03
Compare multiple AI models inside Illustrator, including Firefly and external models, to evaluate illustration quality, creativity, and accuracy.
View enrollment options at VDCI -
Enrollment required
Pattern Generation
Lesson 2: AI in Illustrator
2:04
Create seamless, editable patterns from AI-generated graphics in Illustrator and adjust layout, density, and color through swatches.
View enrollment options at VDCI -
Enrollment required
AI Recoloring
Lesson 2: AI in Illustrator
5:16
Apply AI-driven color variations to vector artwork using Generative Recolor to explore brand palettes, moods, and themes quickly.
View enrollment options at VDCI -
Enrollment required
Mockups with AI
Lesson 2: AI in Illustrator
1:49
Build realistic product mockups by wrapping vector designs onto packaging and objects using AI mockup tools and blending modes.
View enrollment options at VDCI -
Enrollment required
InDesign AI
Lesson 3: AI in InDesign
17:49
Generate and expand images directly in InDesign to improve layouts, bleeds, and framing while integrating AI-generated imagery into print-ready designs.
View enrollment options at VDCI -
Enrollment required
Adobe Firefly
Lesson 4: Adobe Firefly
13:40
Explore Adobe Firefly’s standalone interface for generating and editing images, comparing built-in and partner models while managing usage credits.
View enrollment options at VDCI -
Midjourney Basics
Lesson 5: External AI Tools for Designers
Generate high-quality images using Midjourney’s web-based workflow by refining prompts, testing variations, and evaluating creative output.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Leonardo AI
Lesson 5: External AI Tools for Designers
5:00
Create images with multiple AI models in Leonardo AI, comparing realism and illustration styles while managing generation settings and credits.
View enrollment options at VDCI
AI for the Workplace with Claude
-
Enrollment required
Starting Your First Claude Conversation
Lesson 1: Getting Started With Claude
4:36
Practice your first conversation with Claude by writing a simple role-based prompt, reviewing how it tailors responses, and continuing the exchange with follow-up prompts.
View enrollment options at VDCI -
Enrollment required
Multimodal File Input
Lesson 2: Prompting Fundamentals & Working with Files
3:56
Use uploaded files, screenshots, and images as inputs so you can ask Claude to analyze documents, interpret visuals, and work across multiple file types.
View enrollment options at VDCI -
Enrollment required
Setting Up a Project
Lesson 3: Projects — Organizing Ongoing Work
2:44
Set up your first Project by naming it clearly, adding custom instructions, uploading relevant files, and starting work with Claude already grounded in your context.
View enrollment options at VDCI -
Enrollment required
Using Memory Across Conversations
Lesson 4: Artifacts, Styles, and Memory
2:23
Manage Claude’s memory so it can retain helpful preferences and work context across conversations while avoiding sensitive information.
View enrollment options at VDCI -
Enrollment required
You Ask Me Technique
Lesson 5: Intermediate Prompting & Advanced Features
1:13
Flip the prompting process by telling Claude what you want to accomplish and asking it to interview you with clarifying questions, so it gathers the exact context needed for high-quality output.
View enrollment options at VDCI -
Three Foundational Context Files
Lesson 8: Building Your Context System
1:48
Create three core context files that define who you are, how you communicate, and how you want Claude to work with you so each session starts with stronger context.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Remaining Limitations
Lesson 14: Wrap-Up and Next Steps
1:44
Identify the current limitations of Cowork, including session memory, scheduled task reliability, usage limits, and preview-stage stability, so you can use it more effectively and realistically.
View enrollment options at VDCI
AI Coding Bootcamp with Claude Code Online
-
Course Introduction
Lesson 1: Getting Started with Claude Code
5:45
Discover what to expect throughout this hands-on bootcamp, including the types of projects you'll build and how Claude Code empowers coders of all skill levels to create polished, production-ready applications.
This preview is temporarily unavailable. Please try again later.
-
What is Claude Code?
Lesson 1: Getting Started with Claude Code
5:55
Learn how Claude Code works as an AI coding agent, including understanding its LLM foundation, what tasks it can handle autonomously, and how to think of yourself as the manager guiding it rather than the coder doing the work.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Installing Claude Desktop
Lesson 1: Getting Started with Claude Code
7:19
Walk through downloading and installing the Claude Desktop application, setting up your account, and navigating the platform's key areas, including where to find Claude Code and how to connect it to a project folder.
View enrollment options at VDCI -
Enrollment required
Installing Claude in VS Code
Lesson 1: Getting Started with Claude Code
3:01
Set up the Claude Code extension directly inside VS Code, giving you a fully integrated AI coding assistant within the same professional development environment used by experienced developers.
View enrollment options at VDCI -
Git and GitHub Explained
Lesson 2: Setting Up Your Workflow
10:00
Understand how Git and GitHub work together as a version control system, including creating checkpoints, pushing code to the cloud, and cloning repositories, all with Claude handling the technical commands on your behalf.
This preview is temporarily unavailable. Please try again later.
-
Setting Up Your Claude.md File
Lesson 2: Setting Up Your Workflow
10:00
Configure a Claude.md file to give Claude a persistent set of rules and preferences that carry over between sessions, covering coding style, documentation habits, and how to test that your instructions are actually working.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Understanding Permission Modes
Lesson 2: Setting Up Your Workflow
18:26
Explore Claude's three permission modes, Ask, Auto Accept, and Plan, and learn when to use each one so you stay in control of your project while giving Claude the right level of autonomy for the task at hand.
View enrollment options at VDCI -
Enrollment required
Guided Lab: Build Your First Project
Lesson 2: Setting Up Your Workflow
16:15
Apply everything you've learned by forking a course repository, using Claude to explore and customize a working quiz website, and committing your finished project to GitHub, with an optional challenge to publish it live using GitHub Pages.
View enrollment options at VDCI -
Introduction to Prompt Engineering
Lesson 3: Prompting Claude Code Effectively
6:47
Master the core principles of prompt engineering, including how to communicate goals, define behaviors and constraints, and steer Claude back on track when it makes assumptions you did not intend.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Explore, Plan, Execute, Review
Lesson 3: Prompting Claude Code Effectively
7:02
Follow a four-step workflow for setting Claude up for success on any task, walking through how to explore a codebase, outline a plan, give Claude the green light to build, and review the output before moving on.
View enrollment options at VDCI -
Enrollment required
Managing Context and Session Length
Lesson 3: Prompting Claude Code Effectively
4:32
Recognize the signs that a Claude session has gone on too long, including contradictions, ignored constraints, and hallucinations, and learn how to start fresh sessions while preserving the rules and context Claude needs to keep working effectively.
View enrollment options at VDCI -
Enrollment required
Scaffolding Your First Project
Lesson 4: Scaffolding a New Project
15:20
Build a fully functional command line to-do list application in Python by scaffolding the project structure with Claude, defining core features upfront, testing the output, and progressively adding enhancements like color-coded terminal output.
View enrollment options at VDCI -
How the Internet Works
Lesson 5: Web Development Fundamentals
10:00
Discover what actually happens when you type a URL into a browser, from DNS lookups and request response cycles to HTTP status codes, so you can understand and troubleshoot the web infrastructure Claude builds on.
This preview is temporarily unavailable. Please try again later.
-
HTML and CSS Basics
Lesson 5: Web Development Fundamentals
10:00
Get a practical introduction to HTML structure and CSS styling by exploring real code in the browser dev tools, so you can read and understand the code Claude generates without needing to memorize syntax.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Introduction to JavaScript
Lesson 5: Web Development Fundamentals
9:16
Learn what JavaScript is, how it makes web pages interactive through variables, functions, and event listeners, and how to direct Claude to add JavaScript behavior to your projects without writing it yourself.
View enrollment options at VDCI -
Enrollment required
Frontend, Backend, and APIs
Lesson 5: Web Development Fundamentals
8:12
Understand the difference between frontend and backend development, how servers and databases work together behind the scenes, and what APIs are so you can confidently direct Claude when building more complex applications.
View enrollment options at VDCI -
Enrollment required
Development vs Production Environments
Lesson 5: Web Development Fundamentals
6:11
Learn the difference between development, testing, and production environments, including how error handling, API keys, and environment variables should be managed at each stage so your projects are secure and stable when they go live.
View enrollment options at VDCI -
How to Debug with Claude
Lesson 6: Debugging and Testing Your Code
10:00
Develop a detective approach to debugging by learning how to gather clues from the browser console, network tab, and URL bar, then communicate symptoms clearly to Claude so it can diagnose and fix the root cause.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Setting Up Automated Tests
Lesson 6: Debugging and Testing Your Code
7:11
Use Claude to build automated unit and integration tests for your projects, catching bugs before users do and creating living documentation that shows exactly how your program is supposed to work.
View enrollment options at VDCI -
Libraries, Packages, and NPM
Lesson 7: Modern App Architecture and Next.js
6:53
Understand what libraries and packages are, why developers use them, and how NPM works as the tool that installs and manages them, so you know what Claude is doing when it references or installs external code on your behalf.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Choosing the Right App Architecture
Lesson 7: Modern App Architecture and Next.js
14:02
Compare the three most common application architectures, static sites, server side rendering, and single page applications, and learn the strengths and limitations of each so you can make informed decisions when Claude asks how you want to build.
View enrollment options at VDCI -
Enrollment required
Anatomy of a Next.js Application
Lesson 7: Modern App Architecture and Next.js
15:19
Take a guided tour of a Next.js project built with Claude, exploring how routing, layouts, components, the public folder, and the package.json file all work together so you can confidently navigate your codebase and direct Claude as you build.
View enrollment options at VDCI -
Enrollment required
Landing Page Lab Walkthrough
Lesson 8: Building a Business Landing Page
10:41
Build a business landing page by choosing an architecture, crafting a detailed and well-constrained prompt, and using plan mode to guide Claude toward a polished result, then continue iterating to add new features and improvements.
View enrollment options at VDCI -
Skills and Slash Commands
Lesson 9: Advanced Claude Code Features
10:00
Create reusable skills and trigger them instantly with slash commands, so you can automate repeated tasks like building and running tests without rewriting complex prompts every time.
This preview is temporarily unavailable. Please try again later.
-
Running Parallel Sessions
Lesson 9: Advanced Claude Code Features
8:06
Speed up development by running multiple Claude sessions at the same time, learning how to assign separate tasks to each session while avoiding conflicts when both sessions might touch the same files.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Hooks and Sub Agents
Lesson 9: Advanced Claude Code Features
8:49
Automate follow up tasks in Claude using hooks that trigger automatically after certain actions, and use sub agents to handle closely related tasks in the background without creating a fully separate session.
View enrollment options at VDCI -
Enrollment required
Extending Claude with MCP Servers
Lesson 9: Advanced Claude Code Features
7:43
Install and use MCP servers to give Claude new capabilities beyond reading code files, including taking browser screenshots to visually evaluate pages and connecting to external tools like Figma and databases.
View enrollment options at VDCI -
Branching and Feature Development
Lesson 10: Advanced Git and GitHub Workflows
10:00
Learn how to create feature branches to develop new functionality in isolation, understand how branches protect your main codebase, and use Claude to build and commit changes on a separate branch before merging them back in.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Pull Requests, Merges, and Reverts
Lesson 10: Advanced Git and GitHub Workflows
9:29
Walk through the full GitHub pull request process, from pushing a feature branch and reviewing diffs to merging into main, deleting the completed branch, and using reverts to safely roll back changes when needed.
View enrollment options at VDCI -
Why Use a Database?
Lesson 11: Databases and User Authentication
9:48
Understand what databases are, how SQL and NoSQL differ, and why Supabase with Postgres is the recommended choice for this course, so you can make informed decisions when Claude asks how you want to store your data.
This preview is temporarily unavailable. Please try again later.
-
Database Schemas, Tables, and Relationships
Lesson 11: Databases and User Authentication
10:00
Design a visual database schema using DB Diagram and Claude, learning how tables relate to each other through foreign keys and how to choose the right data types for each field before writing a single line of database code.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Connecting Your Schema to Supabase
Lesson 11: Databases and User Authentication
25:04
Set up a Supabase project, connect it to a Next.js app using environment variables, and run database migrations to turn your schema blueprint into real working tables, then validate everything is live by inserting sample data.
View enrollment options at VDCI -
Enrollment required
Adding User Authentication
Lesson 11: Databases and User Authentication
16:50
Implement user authentication in a Next.js app using Supabase, including encrypted password storage, session and cookie management, and building signup and login pages so users can securely register and stay logged in.
View enrollment options at VDCI -
Enrollment required
Notes App Project Kickoff
Lesson 12: Building a Notes App
17:40
Scaffold a full stack notes application from scratch by setting up a Next.js project, connecting it to a Supabase database, generating a Claude.md file, and using plan mode to map out the full app architecture before writing a single line of feature code.
View enrollment options at VDCI -
Adding OAuth with GitHub
Lesson 13: OAuth, External APIs, and Caching
10:00
Set up GitHub OAuth through Supabase so users can sign into your app with their GitHub account, and learn the principle of least privilege so you give third-party providers only the permissions they actually need.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Working with External APIs
Lesson 13: OAuth, External APIs, and Caching
21:32
Integrate a free weather API into the notes app by obtaining an API key, storing it securely in an environment file, and prompting Claude to display live weather data, including how to debug when the widget does not appear as expected.
View enrollment options at VDCI -
Enrollment required
Caching API Data with Supabase
Lesson 13: OAuth, External APIs, and Caching
11:18
Implement a caching layer for external API data using a Supabase table so your app stores short-term results locally, reducing network requests, protecting against rate limits, and keeping the app functional even when the external API is unavailable.
View enrollment options at VDCI -
UX and UI Fundamentals
Lesson 14: Design, Accessibility, and UX
8:54
Apply the four core design principles of hierarchy, white space, consistency, and contrast to guide Claude toward building interfaces that are clear, readable, and visually effective, and learn where to find design inspiration to share directly with Claude.
This preview is temporarily unavailable. Please try again later.
-
Components and Design Systems
Lesson 14: Design, Accessibility, and UX
5:40
Speed up development and improve visual consistency by using a component library like Shadcn UI, which gives you pre-built tested components that Claude can install and customize directly inside your Next.js project.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Responsive Design
Lesson 14: Design, Accessibility, and UX
8:47
Ensure your app looks great on every screen size by understanding breakpoints and the mobile first approach, and learn how to use the browser's built in developer tools to test your layout across different devices and screen sizes.
View enrollment options at VDCI -
Enrollment required
Building for Accessibility
Lesson 14: Design, Accessibility, and UX
15:26
Build websites that work for all users including those with visual impairments or limited motor ability, by using semantic HTML, keyboard navigation, proper contrast ratios, and ARIA labels to meet accessibility standards with Claude's help.
View enrollment options at VDCI -
Enrollment required
Component States and Dev Tools
Lesson 14: Design, Accessibility, and UX
8:50
Design a better user experience by building out all six component states including loading, empty, error, success, disabled, and default, and learn how to use toasts, skeletons, and spinners to give users clear feedback at every stage.
View enrollment options at VDCI -
Six Attacks Every Developer Should Know
Lesson 15: Web Security Fundamentals
10:00
Get a practical overview of the six most common security threats your application will face, including cross-site scripting, SQL injection, CSRF, brute force attacks, insecure data handling, and vulnerable dependencies, so you know what to watch for and how to direct Claude to protect against them.
This preview is temporarily unavailable. Please try again later.
-
Input Validation
Lesson 15: Web Security Fundamentals
10:00
Protect your application from bad and malicious data by validating user input on both the client and server side, using allow lists, deny lists, and regular expressions to ensure only clean and expected data ever reaches your database.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Rate Limiting
Lesson 15: Web Security Fundamentals
11:22
Defend your application against brute force attacks, credential stuffing, denial of service attacks, and runaway API costs by implementing rate limiting on login, signup, password reset, and any endpoints that call external services.
View enrollment options at VDCI -
Enrollment required
Data Privacy and Legal Compliance
Lesson 15: Web Security Fundamentals
7:57
Understand your legal obligations under GDPR and the California Consumer Privacy Act and learn the practical steps needed to stay compliant, including writing a privacy policy, collecting only necessary data, encrypting your database, and giving users the ability to delete their information.
View enrollment options at VDCI -
How to Deploy Your App with Vercel
Lesson 16: Deployment, SEO, and Performance
10:00
Deploy your finished Next.js project to the internet by connecting your GitHub repository to Vercel, configuring your environment variables, and running your first production build, then test the live app to make sure everything works as expected.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
SEO and Performance Optimization
Lesson 16: Deployment, SEO, and Performance
15:25
Improve your deployed site's search engine ranking and load speed by adding metadata and semantic HTML, using Google Chrome's Lighthouse tool to identify issues, and applying targeted fixes like image sizing, skeleton loaders, and caching with Claude's help.
View enrollment options at VDCI
Curriculum
What you'll learn
- Build responsive UI/UX systems in Figma with components, variables, and modes
- Craft images, video, and motion graphics using Photoshop, Premiere Pro, and After Effects
- Apply ChatGPT, Firefly, Gemini, Midjourney, and Adobe AI tools within creative workflows
- Create structured Claude workflows using Projects, connectors, guardrails, and automations
- Guide Claude Code to develop and deploy web apps featuring databases, APIs, GitHub, and OAuth
- Finish four portfolio-ready Studio Projects that bring together the program's core skills
Course outline
-
Figma Course Online 12 hours
Start learning Figma for UI and UX design by building a strong understanding of what the tool can do. Learn how to create and manage files, design using grids, work with text, images, and color systems, build reusable components, create interactive prototypes, export assets, share designs, create simple animations, and more.
- Create UI and UX designs for websites, apps, and digital products
- Design complete layouts optimized for mobile, tablet, and desktop screens
- Work with grid-based layouts, extract image assets, and share designs with clients and developers
- Build interactive prototypes to demonstrate user flows and interactions
- Create animations using Smart Animate
- Use components and variants to streamline updates and maintain consistency
- Collaborate with Team libraries to share styles and reusable design elements
-
Figma Advanced Course Online 6 hours
Push your Figma skills further with this advanced prototyping course. You'll learn to work with variables, modes, and conditionals to bring more realistic interactivity to your prototypes.
- Explore Figma's advanced prototyping features
- Learn how to work with variables and variable modes
- Use conditionals to add advanced interactivity to your prototypes
- Create light and dark modes using variable collections
- Apply primitive and semantic layers when building a design system
-
Adobe Photoshop Course Online 30 hours
Learn how to retouch and color correct photos, combine images, and create graphics in Photoshop. This course covers the basic and intermediate features of Photoshop such as color/contrast, photo retouching, layers, masks, filters, and saving files for web/video/print.
-
Adobe Premiere Pro Course Online 18 hours
Learn Adobe Premiere Pro on your own schedule with this in-depth self-paced course. It guides you from organizing footage through advanced editing techniques, giving you the skills to produce polished and engaging professional video content.
- Edit video and audio efficiently using Adobe Premiere Pro
- Reduce background noise and enhance overall audio quality
- Color correct footage with adjustment layers
- Add B-roll to strengthen storytelling and visual impact
- Import photos and logos and animate them within your projects
- Apply transitions between clips to create smooth pacing
- Export videos optimized for social media platforms or client delivery
- Remove green screens with chroma key techniques
-
Adobe After Effects Course Online 18 hours
Learn to create compelling video content with Adobe After Effects. This course covers the basics of animation, text effects, and file integration needed to start creating impressive visual content from scratch. Get experience with real-world projects taught by an experienced instructor.
- Animate text, images, and graphics using position, scale, rotation, and opacity controls.
- Work with masks and track mattes to create seamless transitions and layered effects.
- Apply blending modes and transparency effects for dynamic visual compositions.
- Integrate and animate Photoshop and Illustrator files within After Effects.
- Use expressions and essential properties to streamline animation workflows.
- Export high-quality video files optimized for web, social media, and professional use.
-
AI for Graphic Design Course Online 12 hours
Leverage the power of advanced AI tools and features in Photoshop, Illustrator, InDesign, and other Adobe apps in this hands-on class.
- Generate vector illustrations, photo edits, and layouts using AI tools in Illustrator, Photoshop, and InDesign
- Create original visuals through prompt-based image generation with Midjourney, Leonardo AI, and DALL·E 3
- Enhance and restore images with AI-powered sharpening, upscaling, and denoising techniques
- Use ChatGPT and Notion AI to develop creative briefs, brand names, and design concepts
- Build mood boards, style guides, and concept sets with free and paid AI design tools
- Assemble a complete brand identity using multiple AI platforms within a simulated design workflow
-
AI for the Workplace with Claude 12 hours
This hands-on course covers everything you need to put Claude to work in your job. Over two days, you'll go from the basics of prompting to building a fully operational AI system with Projects, Plugins, automations, and desktop tools, all using your own work files as the foundation.
- Write structured prompts for writing, analysis, summarization, and research
- Set up Projects, Artifacts, Skills, and Memory for a personalized workflow
- Configure Claude Cowork with guardrails, permissions, and context files
- Connect Claude to Slack, Google Drive, Gmail, Excel, and PowerPoint
- Install role-specific Plugins and set up Scheduled Tasks
- Build a complete Claude system for your job through a guided capstone
-
AI Coding Bootcamp with Claude Code Online 60 hours
Take command of the entire process of planning, building, and deploying real web applications with Claude Code in this beginner-friendly, hands-on bootcamp featuring expert instruction, interactive practice, and ten hands-on labs that end with a live app launch.
- Use Claude Code to plan, build, debug, and deploy web applications through natural language
- Apply the Explore → Plan → Execute → Review workflow to manage multi-step development tasks
- Construct full-stack apps complete with databases, user authentication, and external API integrations
- Incorporate responsive design, accessibility standards, and professional UI patterns
- Establish web security fundamentals including input validation and environment variable management
- Ship finished applications to a live URL using version control and modern hosting platforms
-
Build a Website with AI Course Online 30 hours
Plan, design, and launch a working website, with an AI coding assistant writing the code.
- Match the site type to your goal and plan its pages, content, and calls to action
- Map the site structure and wireframe pages before visual design
- Create responsive layouts from a consistent design system
- Improve accessibility, performance, images, and motion
- Add a contact form, SEO, analytics, and a custom domain
- Direct AI to build, test, and publish the site to a live URL
-
Interactive Design Course Online 30 hours
Learn the decisions behind a professional design system, then direct AI to build an interactive version of your own.
- Build a design system from typography, color, spacing, contrast, and corner styles
- Convert visual decisions into reusable design tokens
- Test a design across web, mobile, social media, and print
- Prepare developer handoffs and Figma variables
- Share client-ready preview links
- Use AI to plan, build, review, and refine a custom design tool
-
Social Media Creative Studio Course Online 30 hours
Learn what makes social graphics work, then build an AI-powered studio that turns one campaign into on-brand posts sized for every platform.
- Apply the design and copy principles behind effective social graphics
- Build a reusable brand kit that keeps every post consistent
- Size one design correctly for each major social platform
- Build your own AI-powered creative studio
- Turn one campaign idea into a full set of posts
- Set up a repeatable content workflow
- Review and refine AI output before publishing
-
Marketing & Creative Studio Course Online 30 hours
Build and deploy an AI marketing app that reads your analytics and produces on-brand campaigns and images.
- Design a data model and hosted database for campaigns, assets, analytics, and content
- Build a multi-screen app with Next.js, Tailwind CSS, and Claude Code
- Display real campaign performance from Google Analytics
- Use the Claude API to turn analytics into clear insights
- Generate on-brand email campaigns and images with Claude and Gemini
- Secure API keys, handle errors, and deploy the finished app
What's included
- 276 hours of project-based instruction
- 285 training videos
- Instructor support for questions during the course
- Class recordings for 30 days
- Verified digital certificate of completion
- Instruction at an ACCET-accredited school
Stated by the provider. Confirm what your tuition covers before enrolling.