Front-End Web Development Certificate

Web Development with HTML & CSS

• 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

Advanced HTML & CSS

• Master advanced CSS concepts such as positioning, attribute selectors, and relational selectors.
• Use multiple backgrounds, gradients, shadows, and CSS variables for cleaner, scalable styles.
• Implement responsive images, the picture element, and viewport-based units.
• Create off-screen navigation menus and dynamic layouts with Flexbox and CSS Grid.
• Add interactive elements with CSS transitions, transforms, and hover effects.
• Utilize SVG graphics, pseudo-elements, and dark mode styling for modern web design.

Flexbox, Grid, & Bootstrap

• Use CSS Flexbox to align and distribute webpage content efficiently.
• Master CSS Grid for advanced layout structures and responsive design.
• Implement Bootstrap’s grid system and components for faster development.
• Reorder, size, and align elements dynamically with Flexbox and Grid.
• Create responsive navigation bars, pricing grids, and image galleries.
• Apply best practices for flexible, scalable, and visually appealing web layouts.

JavaScript for Front-End

• Write JavaScript code to add interactivity, handle user events, and manipulate webpage elements.
• Use JavaScript libraries to quickly implement common functionalities like slideshows and tabbed panels.
• Animate webpage elements with GreenSock (GSAP), the industry-standard framework for web animation.
• Create smooth scrolling effects, parallax animations, and interactive transitions.
• Apply animations to text, images, and SVG graphics for visually dynamic designs.
• Build a strong foundation in JavaScript and GSAP to create interactive, engaging web projects.

Front-End Tools & Portfolio

• Build a coding portfolio by developing a project from scratch with expert guidance.
• Learn Git fundamentals to track code changes, revert versions, and manage repositories.
• Use GitHub for collaboration, including pushing, pulling, cloning, and handling merge conflicts.
• Master Visual Studio Code shortcuts and features to improve workflow and efficiency.
• Utilize Emmet coding shortcuts to speed up HTML and CSS development.
• Gain hands-on experience in real-world coding workflows and best practices.

WordPress Bootcamp

• Install and configure WordPress, either manually or with a web host’s one-click install.
• Create and edit webpages and blog posts, including formatting text, images, and links.
• Customize WordPress themes and modify layouts to control the appearance of your site.
• Install and manage plugins to enhance functionality and optimize site performance.
• Learn SEO best practices, including customizing permalinks and meta descriptions.
• Build custom WordPress themes and templates using HTML, CSS, and PHP.

HTML Email Bootcamp

• Code HTML email layouts using tables and inline CSS for maximum compatibility.
• Create responsive emails that adapt to different screen sizes using media queries.
• Optimize images for email, including high-resolution graphics and mobile-specific assets.
• Build multi-column layouts that adjust for mobile-friendly viewing.
• Structure and style footers for consistency and readability across devices.
• Test and troubleshoot email designs to ensure proper rendering in different email clients.

Web Development with HTML & CSS Course Online (Self-Paced)

• 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
• Welcome & Downloading Course Materials 1m 9s
• Before You Begin Getting a Code Editor 3m 6s
• Coding Basics Intro to HTML Syntax 28m 27s
• Tags & Attributes Strong, Em, Doctype, Lang, & Meta 16m 15s
• Coding Links Absolute & Relative URLs 18m 56s
• Adding Images 15m 49s
• Intro to Cascading Style Sheets (CSS) 14m 14s
• CSS Class Selectors 18m 51s
• Div Tags, ID Selectors, & Basic Page Formatting 27m 6s
• Browser Developer Tools & Validating HTML 22m 14s
• HTML Semantic Elements & the Document Outline 39m 37s
• Revolution Travel Page Layout 23m 25s
• The Box Model 22m 22s
• Coding Links Images & Page Jumps 19m 53s
• Styling Links 17m 7s
• Styling the Navigation 23m 19s
• Specificity, Shared CSS, & Centering Content 25m 55s
• Setting the Viewport Meta Tag 17m 1s
• Starting a New Site & CSS Background Images 28m 45s
• Adding Custom Fonts (using Google Fonts) 34m 45s
• Page Layout Fine Tuning with the Box Model 20m 55s
• Navigation Bar Layout Intro to Flexbox 17m 53s
• Hipstirred Hi Res Images 18m 37s
• Creating Columns Intro to CSS Grid & Media Queries 24m 20s
• Course Wrap up & Your Next Steps 3m 13s

Advanced HTML & CSS (Self-Paced)

• Master advanced CSS concepts, including positioning, complex selectors, absolute and relative 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 multiple ways and learn how to style them directly with CSS
• Build responsive images using 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 with CSS transitions and transforms

Flexbox, Grid, & Bootstrap (Self-Paced)

• Use CSS Flexbox to align and distribute webpage content efficiently
• Master CSS Grid for advanced layout structures and responsive design
• Implement Bootstrap’s grid system and components for faster development
• Reorder, size, and align elements dynamically with Flexbox and Grid
• Create responsive navigation bars, pricing grids, and image galleries
• Apply best practices for flexible, scalable, and visually appealing web layouts

JavaScript for Front-End (Self-Paced)

• Write JavaScript code to add interactivity, handle user events, and manipulate webpage elements
• Use JavaScript libraries to quickly implement common functionalities like slideshows and tabbed panels
• Animate webpage elements with GreenSock (GSAP), the industry-standard framework for web animation
• Create smooth scrolling effects, parallax animations, and interactive transitions
• Apply animations to text, images, and SVG graphics for visually dynamic designs
• Build a strong foundation in JavaScript and GSAP to create interactive, engaging web projects

Front-End Tools & Portfolio (Self-Paced)

• Build a coding portfolio by developing a project from scratch with expert guidance
• Learn Git fundamentals to track code changes, revert versions, and manage repositories
• Use GitHub for collaboration, including pushing, pulling, cloning, and handling merge conflicts
• Master Visual Studio Code shortcuts and features to improve workflow and efficiency
• Utilize Emmet coding shortcuts to speed up HTML and CSS development
• Gain hands-on experience in real-world coding workflows and best practices

WordPress Bootcamp (Self-Paced)

• Install and configure WordPress manually or using 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 your site’s look and feel
• Install and manage plugins to add features and improve site performance
• Apply SEO best practices, including permalinks and meta descriptions
• Build custom themes and templates using HTML, CSS, and PHP

HTML Email Bootcamp (Self-Paced)

• Code HTML email layouts using tables and inline CSS for maximum compatibility
• Create responsive emails that adapt to different screen sizes using media queries
• Optimize images for email, including high-resolution graphics and mobile-specific assets
• Build multi-column layouts that adjust for mobile-friendly viewing
• Structure and style footers for consistency and readability across devices
• Test and troubleshoot email designs to ensure proper rendering in different email clients