HTML & CSS Trainings

HTML & CSS Trainings

HTML & HTTP Foundation

HTML & HTTP Foundation

Length: 1 day

This course is designed for anyone who is new to the web or Google Chrome. This includes managers who are new to web projects, engineers new to JavaScript and the browser, and creatives new to digital design. In this course, students learn how the browser works with HTTP, HTML, CSS, and JavaScript by learning how to review and debug websites with Google Chrome.We discuss techniques that are used to optimize website performance.

Topics
Google ChromeThe HTTP ProtocolClient vs. ServerStatic WebsitesDynamic WebsitesSingle Page ApplicationsDebugging ToolsWebsite OptimizationMobile Web DevelopmentRESTWeb Sockets
HTML5 Kickoff

HTML5 Kickoff

Length: 1 day

This course introduces creatives, managers, developers, and engineers to the latest HTML markup. Students learn how HTML, CSS, and JavaScript all fit together within an HTML document. We dive deep into the browser DOM and HTML debugging tools. We learn how to effectively add elements to a page to improve SEO and accessibility.

Topics
HTML ReviewThe DOMThe style AttributeSemantic MarkupAccessibility EnhancementsImagesAudio and Video
HTML5 Pro

HTML5 Pro

Length: 1 day

This course is designed for creatives, developers, and engineers who are familiar with the basics of HTML and have dabbled with JavaScript. This course introduces features and tags from the fifth version of the HTML specification. These features allow developers to add interactivity to their browser applications. Students will improve their ability to work with the browser by implementing these features and testing them in browsers on devices.

Topics
Form ValidationUploading FilesDrag and Drop APISVGCanvasGeolocationMedia CaptureDevice Debugging
CSS3 Kickoff

CSS3 Kickoff

Length: 1 day

This course introduces creatives, managers, developers, and engineers to Cascading Style Sheets, the language that controls the look and feel of your application. Students will apply look and feel to existing HTML and will learn how to create and use stylesheets within their applications. This course focuses on CSS core functionality and provides the necessary foundation for our other CSS courses.

Topics
Tag SelectorsClass SelectorsAdvanced SelectorsColorsCascade PriorityTypographyBox ModelImagesFilters and EffectsDebugging CSS
CSS Pro

CSS Pro

Length: 1 day

This course is designed to teach creatives, developers, and engineers who have a solid foundation in CSS how to construct complex full-page layouts. This course analyzes how to construct layouts using percentages, the box models, and floats. In addition to covering legacy layout techniques, students will gain an understanding of how to use the latest layout techniques including flexbox and the grid.

Topics
PositioningRelative ElementsFixed ElementsFloating ContentBuilding LayoutsFlexboxJavaScript InteractivityBuilding MenusCSS Grid
Responsive Design

Responsive Design

Length: 1 day

This course is designed to teach creatives, developers, and engineers who have a solid foundation in CSS how to construct responsive full-page layouts that look good in all screen sizes and on all devices. First, this course covers how to make design flexible with percentages, ems, and flexbox. Next, we move on to how to implement media queries to target specific screen sizes or devices. Students build responsive CSS layouts using the latest techniques.

Topics
Percentages and emsMedia QueriesCombining Media QueriesFlexboxCSS GridProgressive ImagesDevicesMobile First
CSS Animations

CSS Animations

Length: 1 day

This course is designed to teach creatives, developers, and engineers who have a solid foundation in CSS how to build animations. First, students learn how to transform objects and add transition effects. We then dive deep into building both 2D and 3D animations as well as animating SVG. Students are also challenged to design and build their own native CSS animations.

Topics
2D Transformations3D TransformationsTransitions2D Animations3D AnimationsManaging AnimationsSVG Animations
Sass & SCSS Kickoff

Sass & SCSS Kickoff

Length: 1 day

This course is designed to teach creatives, developers, and engineers who have a solid foundation is CSS how to improve their stylesheet code with Sass and SCSS. Sass is a scripting language that generates CSS files. In this class, students learn how to enhance the way they write CSS as well as statically pre-process stylesheets with Sass.

Topics
PreprocessingImportsVariablesOperatorsNestingLoopingMixinsFunctions
LESS Kickoff

LESS Kickoff

Length: 1 day

This course is designed to teach creatives, developers, and engineers who have a solid foundation is CSS how to improve their stylesheet code with LESS. LESS is a scripting language that statically generates CSS files. Students learn how to enhance the way they write CSS as well as statically preprocess stylesheets with LESS.

Topics
PreprocessingImportsVariablesNamespacesNestingMixinsMergingFunctions
D3 Data Visualizations

D3 Data Visualizations

Length: 2 days

This course introduces the popular data visualization framework, Data Driven Documents, to developers, engineers, and creatives who have worked with JavaScript and have a solid understanding of HTML and CSS. In this course, students learn to create data visualizations with HTML, CSS, JavaScript, and SVG. Students who complete this course will be able to use the D3 library to create a multitude of charts, graphs, and maps that can be used to visualize data.

Topics
Data and the DOMLoading DataTraversing DataSVGVisual InteractionsQuantitative ScalesOrdinal Scales and AxisTime ScalesTransitionsD3 Maps
Accessibility and UX Design

Accessibility and UX Design

Length: 2 days

In this course, we focus on the best techniques for creating accessible and enjoyable user experiences. Designed for developers, engineers, creatives, managers, and anyone else involved in working on web projects. We'll go over the legal and ethical guidelines to consider when creating websites. Then we'll discuss how accessibility fits in with the UX design process and can enhance experiences for every user.

Topics
Designing Accessible ExperiencesSemantic HTMLAccessible FormsVideo and AudioThe UX Design ProcessUser Testing

HTML & CSS

Make your pages semantic, responsive, and accessible with the latest HTML and CSS techniques.

Whether you're creating elements for a webpage or styling components in your app, using the most efficient HTML and CSS will help showcase your content in the best way possible.

"Great job of both answering questions & keeping the pace moving in class!"JavaScript Kickoff Student
Custom Curriculums

Any of our classes can be customized to fit your specific needs. We can create the perfect HTML & CSS training course for your team. Our materials are designed to be isolated, combined, and rearranged to create the perfect class.