Front End Development
The world of front end development has come a long way in the last several years with the addition of responsive design, CSS preprocessors like SASS, and the ever widening range of devices and environments we use to navigate the web. At the same time, many of us are able to generate fully functioning web sites using CMS's like Drupal without ever touching HTML or CSS - the basic building blocks of the web. Because of that, many of us end up floundering when we need to make even minor adjustments to the markup or presentation of a project, since we don't have the experience needed to break down what our CMS is actually doing for us.
Here are some of the key points we'll be covering:
- How to use basic HTML tags and CSS properties
- How to create semantic HTML
- How to write more meaningful and sustainable CSS with SASS and SMACSS
- How to create a responsive design with media queries
- How to work with responsive images
- How to improve collaboration and future-proof projects with package managers like Bower and Bundler
- How to address accessibility concerns and use tools to audit the accessibility of your site
- How to measure and improve front-end performance
- How to use automation tools like Grunt
Who this collection is for
If you are seeking to learn modern front end development practices and tools in order to increase your value in the workplace or become more independent with your own projects, this collection was created with you in mind. Front end development is a highly sought-after skill set and is highly portable since it can be coupled with virtually any kind of back-end. Tools like Jekyll allow you to build content-rich sites without the need for a specific backend, and the focus in Drupal 8 on a 'headless Drupal' is allowing developers to leverage Drupal as a back end while still choosing the right tools to generate the HTML and CSS of the front end.