riklewis / optimisation-course

Optimise your website: A development workflow with Git and Gulp

Home Page:https://optimisation-course.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Description

This is the sample website project that is used in the course "Optimising your website: A developer workflow with Git and Gulp", which is available on Skillshare at the following link...

Optimising your website: A developer workflow with Git and Gulp

There is also now a follow on course which takes this a little further, called "Optimising your website: A developer workflow continued with Gulp 4", which is available on Skillshare at the following link...

Optimising your website: A developer workflow continued with Gulp 4

You can also check out my other courses on Skillshare and Udemy.

Videos

There is a branch for each start point during the course, which corresponds to the video where the changes are made. The branch shows the code at the beginning of the video, so that you can check this out and follow along, if you want to. You can of course follow along using your own project, if you prefer.

  1. Course Introduction
  2. Sample Project
  3. Atom, Git and Github
  4. Installing NodeJS
  5. Creating a Package File
  6. Installing GulpJS
  7. Git Initial Commit
  8. Github Remote Repository
  9. Creating a Gulp File - branch 09start
  10. Concatenating javascript files - branch 10start
  11. Minifying javascript files - branch 11start
  12. Optimising javascript files - branch 12start
  13. Adding sourcemap files - branch 13start
  14. Switching from pipe to pump - branch 14start
  15. Concatenating stylesheets - branch 15start
  16. Minifying stylesheets - branch 16start
  17. Fixing sourcemaps - branch 17start
  18. Minifying stylesheets further - branch 18start
  19. Optimising images - branch 19start
  20. Minifying HTML - branch 20start
  21. Course Summary

The final version of the sample website is published at the following link...

https://optimisation-course.netlify.com

Netlify Status

Thank you for watching!

About

Optimise your website: A development workflow with Git and Gulp

https://optimisation-course.netlify.com/

License:MIT License


Languages

Language:HTML 77.2%Language:JavaScript 15.6%Language:CSS 7.1%