Learn the skills for front end web development, including HTML, CSS, and JavaScript, to build responsive websites that work across all devices. In this hands-on course, you’ll also explore WordPress, the leading content management system, for creating and managing customizable websites.
Overview
Syllabus
- Web Development with HTML & CSS
- Start building websites by hand-coding HTMLÂ & CSS
- Create multi-page websites with text, images, & more
- Learn how to style with CSS
- Upload your files using FTP to make the site live
- Advanced HTML & CSS
- Master important CSS concepts such as positioning, advanced CSS selectors, relative type sizing (px, em, rem), calc(), and much more
- Learn sophisticated styling with multiple background images, transparent color using RGBA, CSSÂ gradients, shadows, and more
- Create animated effects using CSS transitions & transforms
- Flexbox, Grid, & Bootstrap
- CSS Flexbox for laying out and aligning webpage content.
- CSS Grid for an entirely new way to think about laying out entire webpages.
- Learn how to use Bootstrap (which is made with Flexbox) to build out layouts quickly.
- JavaScript for Front-End
- Write JavaScript code to add animation and interactivity to webpages
- Learn the fundamentals of the JavaScript language (variables, loops, arrays, functions, etc.)
- Understand how to use free pre-made JavaScripts to quickly can add many different kinds of common functionality
- Create animated slideshows and build animated image enlargers
- Learn to animate any content within a webpage—including SVG—using GreenSock (GSAP)
- Front-End Tools & Portfolio
- Go from design to coded website, with guidance from an expert developer
- What Git is and how it works
- Installing and setting up Git to track changes in your code
- Using GitHub for collaboration with other developers
- WordPress Bootcamp
- Build websites or blogs with WordPress.
- Install WordPress themes (which control the appearance of a WordPress site) & customize their appearance.
- Use WordPress plugins to add functionality.
- Install WordPress locally so you can write and test your code.
- Learn how WordPress code work behind the scenes and how to use code (HTML, CSS, and PHP) to customize/control it.
- HTML Email Bootcamp
- Learn how to code HTML Email messages that are effective and cross-mail-client compatible
- Build and work with multiple layouts (single or multi-column layouts)
- Gain a deeper understanding about email-friendly HTML/CSS and how to manage various email client issues
- Create responsive emails that work across various devices
- Optimize images and swap graphics for mobile devices
- Use media queries to fine tune mobile styles
Taught by
Dan Rodney, Eugenio Solis de Ovando, and Scott Carson