Web Design Certificate (Self-Paced)
IDCAWP

Learn how to design and prototype user interfaces with Figma, the industry-leading tool for UI/UX design. This course covers essential skills, including working with components, auto layout, interactive prototypes, and team collaboration.

• Design UI/UX layouts optimized for mobile, tablet, and desktop using grids and frames.
• Work with components and variants to create reusable design elements efficiently.
• Build interactive prototypes with clickable links, overlays, and smart animations.
• Use auto layout to streamline spacing, alignment, and responsive design workflows.
• Share and collaborate on designs in real time using Figma’s cloud-based features.
• Export assets for web, apps, and developers in multiple formats, including SVG and PNG.

Master the fundamentals of UI design and build a portfolio of professional projects in this hands-on course. Learn best practices for designing websites and mobile apps, from wireframing to visual design concepts.

• Develop a strong foundation in UI design, including typography, color, and layout principles.
• Design engaging and user-friendly interfaces for websites and mobile applications.
• Work with Figma to create wireframes, prototypes, and interactive designs.
• Receive personalized feedback and expert guidance to refine your design skills.
• Build portfolio-ready projects to showcase your UI design expertise.
• Learn industry best practices and UI patterns to create visually effective digital products.

Learn how to code and style websites from scratch using HTML and CSS. This course covers everything from structuring content and applying styles to making pages responsive and publishing them online.

• Structure webpages with HTML, using semantic elements for better organization and accessibility
• Style content with CSS, including fonts, colors, backgrounds, and spacing for polished designs
• Implement responsive design techniques with media queries and CSS Grid/Flexbox
• Utilize browser developer tools to inspect and refine code in real-time
• Upload and publish websites using FTP for live deployment
• Work on hands-on projects to build a strong foundation in front-end web development

Build stronger CSS skills by learning advanced styling, layout control, and interactive techniques. This course focuses on modern CSS features that help you create visually engaging, responsive webpages using clean, maintainable code.

• Master advanced CSS concepts such as positioning, complex selectors, relative sizing units (px, em, rem), and the calc() function
• Create polished visual styles with multiple background images, RGBA transparency, gradients, shadows, and related effects
• Work with SVG graphics in different ways and style them directly using CSS
• Build responsive images with img srcset and the picture element for better performance across devices
• Use CSS variables to write more flexible, reusable, and maintainable styles
• Create mobile-friendly off-screen navigation menus using only CSS
• Add motion and interactivity with CSS transitions and transforms

Learn how to build responsive webpage layouts with CSS Flexbox and Grid that adapt smoothly to different screen sizes. This course focuses on modern layout techniques and introduces Bootstrap to speed up page development.

• Use CSS Flexbox to align, distribute, and space content efficiently
• Apply CSS Grid to create complex, responsive layout structures
• Build layouts faster with Bootstrap’s grid system and reusable components
• Reorder, size, and align elements dynamically using Flexbox and Grid
• Design responsive navigation bars, pricing layouts, and image galleries
• Follow best practices for flexible, scalable, and visually polished web layouts

Learn how to bring your webpages to life with interactive features and animations using JavaScript and GreenSock (GSAP). This course combines JavaScript fundamentals with modern motion design techniques to help you create engaging, dynamic web experiences.

• Write JavaScript to add interactivity, respond to user actions, and manipulate page elements
• Use JavaScript libraries to quickly implement common features such as slideshows and tabbed panels
• Animate webpage content with GreenSock (GSAP), the industry-standard animation framework
• Create smooth scrolling effects, parallax animations, and interactive transitions
• Apply animations to text, images, and SVG graphics for visually rich designs
• Build a solid foundation in JavaScript and GSAP to develop polished, interactive web projects

Learn how to turn a webpage design into fully functional code while building confidence with essential front-end development tools. This course introduces Git, GitHub, Emmet, and Visual Studio Code to help you code more efficiently and collaborate effectively.

• Build a portfolio-ready project from the ground up with expert guidance
• Learn Git fundamentals to track changes, manage versions, and work with repositories
• Use GitHub for collaboration, including pushing, pulling, cloning, and resolving merge conflicts
• Master Visual Studio Code features and shortcuts to streamline your workflow
• Speed up HTML and CSS development with Emmet shortcuts
• Gain hands-on experience with real-world coding workflows and best practices

Learn how to code custom-designed HTML emails that adapt smoothly to different screen sizes. This course focuses on responsive layouts, image optimization, and cross-client compatibility so your emails look professional everywhere they’re viewed.

• Code HTML email layouts using tables and inline CSS for reliable rendering
• Create responsive emails with media queries that adjust across devices
• Optimize images for email, including high-resolution and mobile-specific assets
• Build multi-column layouts that reflow for mobile-friendly viewing
• Structure and style footers for clarity and consistency across screen sizes
• Test and troubleshoot email designs to ensure proper display across major email clients

Learn how to create and manage websites with WordPress, even if you have no prior web design experience. This course guides you through the full process, from setting up WordPress to customizing themes and building custom templates.

• Install and configure WordPress manually or through a hosting provider’s one-click setup
• Create and edit pages and blog posts, including formatting text, images, and links
• Customize themes and adjust layouts to control the site’s appearance
• Install and manage plugins to add features and improve performance
• Apply SEO best practices such as permalinks and meta descriptions
• Build custom themes and templates using HTML, CSS, and PHP