Key Information
Sketch Bootcamp
Visual Design Portfolio Bootcamp
Web Development with HTML & CSS
$650 12 Hours
$975 18 Hours
$975 18 Hours
Learn More
Learn More
Learn More
Download Syllabus
Download Syllabus
Overview
Get a solid understanding of Sketch so you create designs for different size screens, tap into the power of symbols (reusable design components), build clickable prototypes using InVision as well as Sketch’s native prototyping tools, export graphics, learn about useful plugins that make working in Sketch better, and much more.
Learn to design websites for mobile and desktop using timeless principles such as color, layout, and typography, as well as visual conventions, standards, and trends. You will learn the process and principles for designing responsive websites through lectures and hands-on exercises.
Learn to create webpages by coding HTML & CSS. Learn best practices for structuring the content of your webpages with HTML, then styling the content with CSS. Start creating responsive websites that adapt to multiple screen sizes. After coding you’ll upload a site to make it live!
Prerequisite
Open to Beginners
Students should have strong working knowledge in either Adobe XD, Figma, or Sketch.
Open to Beginners
Location
185 Madison Ave, NYC or Live Online
185 Madison Ave, NYC or Live Online
185 Madison Ave, NYC or Live Online
Schedule
Not currently scheduled
Not currently scheduled
Next start date: January 10–26, Tuesdays & Thursdays, 6–9pm
Other scheduling options Weeknights or weekdays
View full schedule
Certification
Receive a Certificate of Completion
Receive a Certificate of Completion
Receive a Certificate of Completion
Free Retake Within 1 Year See our class policies for more details
Workbook Included
Payment Plan See our payment plan FAQ for more details
Financing See our Leif FAQ for more details
Target Audience
Anyone
Anyone
Anyone
What You’ll Learn
  • Create UI (user interface) and UX (user experience) designs for websites and apps
  • Build layouts using text, images, layout grids, artboards, pages, and more.
  • Design finished layouts that are optimized for mobile, tablet, and desktop screens
  • Harness the power of symbols to create reuseable design elements.
  • Optimize graphics for web and app design (create hi‑res 2x graphics, SVG, JPEG, and PNG).
  • Turn your designs into clickable prototypes that can be shared with others (using Sketch’s built in features, as well as InVision)
  • Master Sketch’s symbols by learning how to override their content and styling to create powerful design systems.
  • Update symbols and styles across multiple Sketch files (or computers) using shared Libraries.
  • Use Sketch’s vector drawing tools to create icons & more.
  • Learn useful plugins that can add amazing new features to Sketch.
  • Learn to design websites for mobile, tablet, and desktop
  • Apply design principles such as color, layout, and typography to webpages
  • Learn about visual conventions, standards, and trends
  • Start learning how to build websites by hand coding HTML & CSS
  • Markup content (text, images, lists, links, etc.) using HTML (Hypertext Markup Language)
  • Style the content using CSS (Cascading Style Sheets) setting font, size, color, spacing, width, and much more
  • Create multi-page websites with text, images, & more
  • Adapt the layout for different size screens to create responsive webpages
  • Use web browser developer tools to look behind the scenes & experiment with code changes
  • Upload your website files using FTP to make the site live