• HTML5 & CSS3
• JavaScript Front-End
• Adobe Photoshop
• Flexbox, Grid & Bootstrap
• Git (used to set up tracking) & Coding Tips
• Responsive HTML Email

This certificate course is for anyone who wants to design and code websites/emails, as well as develop a website portfolio of their work. It’s a good fit for:

• Those who want to start a career as a web designer/developer or do client/freelance work.
• Art directors, marketing professionals, or anyone who wants to know how design and code work together to make websites and emails.
• Aspiring front-end web developers who want to design as well as code.
• Aspiring web designers who want to enhance their skills and develop a portfolio website.

• Cost effective Multi-Platform Development.
• Good page ranking.
• Offline browsing.
• Consistency across multiple browsers.
• Better mobile access to Business Intelligence.
• Extension of video to a wide range of platforms.
• Geolocation.
• A better user experience.

You’ll expand your knowledge of what CSS can do, enabling you to make more visually interesting and better coded webpages. You’ll take control over the layout of your webpages by learning about an alternate box-model called border-box, start using vector graphics (SVG), and create visual effects such as CSS gradients, shadows, transparent colors (with RGBA), and more. You’ll gain a deeper understanding of how positioning works (relative, absolute, fixed), target elements with advanced CSS selectors, and learn the power of CSS variables. You’ll better optimize your pages with responsive images using CSS media queries, img srcset, and the picture element.

Section 1

• Normalize.css, Default Box Model & More
• Font-Weight, Font-Style & Unitless Line-Height
• Box Model: Content-Box vs. Border Box
• Intro to SVG (Scalable Vector Graphics)

Section 2

• Embedding SVG
• SVG Sprites
• CSS Position Property
• Creating a Fixed Navbar & RGBA Color

Section 3

• CSS Background Gradients & Gradient Patterns
• Multiple Backgrounds & Viewport Sizing Unites (vw)
• Creating Columns and Inline-Block & Calc ()
• CSS Variables (Custom Properties)

Section 4

• Relational Selectors
• Pseudo-Elements & the Content Property
• Attribute Selectors
• Styling Forms with Attribute Selectors
• Relative Sizes: Em and Rem

Section 5

• Flix: Creating a Scrollable Area
• Flix: Media Queries for Retina/HiDPI Graphics
• Responsive Images
• Off-Screen Side Nav Using Only CSS

Section 6

• Box-Shadow, Text-Shadow & Z-Index
• Hiding & Showing: Display, Visibility & Opacity
• CSS Transitions
• CSS Transforms with Transitions

Is there mandatory work outside of the classroom?

Students are encouraged to practice the skills learned in class and develop a portfolio of work.

Does this course require any prior knowledge or experience?

Students must have completed the HTML & CSS Basic level first or have prior knowledge of HTML & CSS basics.