Certification Programme description: Advancing in Webflow: introduction, advanced web typography, CSS position properties, spacing on the web, CSS display properties, advanced CSS, Flexbox, advanced CSS borders, Grid, webdesign using classes, supercharging web design with HTML tags, advanced backgrounds, Webflow with mobile viewport widths, introduction to Ecommerce in Webflow, advanced effects in CSS, nested symbols, sections; Web elements: element hierarchy, navigator panel, section, container, columns, div block, advanced button styling, link block, text link, heading, paragraph, rich text element overview, use text blocks in Webflow, add a block quote to your page, list, image, image file types, image resolution, assets panel, video, add background video, lightbox, forms, style forms, navbar, navbar menu button, dropdown, slider, tabs, map, social media, custom code, symbols; Advanced CSS styling: style panel overview, HTML tags, classes, style Manager, text style inheritance overview, states, transitions, breakpoints, style across breakpoints, setting default line height, text shadow, backgrounds, setting background images, creating gradient backgrounds, borders, box shadow, 3D movement & parallax, 3D perspective, transforms, opacity, filters, override the default cursor for elements, color picker, color values, typography; CSS layout, positioning and grid: introduction to the box model, layout settings, display settings, spacing, size, position, flexbox, center elements with flexbox, equal height layouts with flexbox, grid, fractional unit (FR) overview, flexbox vs. grid, span grid content, turning collection list into responsive grid, overlapping content in a responsive grid, enabling relative position, absolute positioning, applying z-index value, hiding overflowing content, fixed positioning; Interactions and animations: introduction to Interactions, triggers and animations, interpolation, easing, and smoothing, quick effects, horizontal movement on scroll, parallax movement on scroll, rotate on mouseover, scroll progress indicator, navbar show and hide on scroll, reveal on scroll, page loader animation, show and hide on click, reveal on hover; Animations with After Effects and Lottie: introduction to After Effects and Lottie, installing Bodymovin, Lottie overview, click based animations, animate when in view, animate while scrolling. page loader animation, animate a video on scroll, cinema 4D in Webflow, 3D phone rotation on scroll; Building a business website in Webflow: layout, CMS, collection pages, collection lists, organization, interactions and conclusion; Building a portfolio website in Webflow: introduction to a portfolio website, homepage (hero section, navigation, client projects, contact form, footer, responsiveness), project pages (main page, responsiveness, main page), responsiveness & reCAPTCHA, SEO & Open graph settings, dark to light redesign; SEO fundamentals: paid vs. organic search, Google site verification, Google Analytics, 301 redirects
Certification Programme version/revision: EITC/WD/WFAv1r1)Earned ECTS credits: 2
