Data Analyst and Technical Consultant

Gulp and node.js project

Travel site using CSS, Node.js, npm, Gulp, BEM, PostCSS, Babel and Webpack

Coursework completed for Brad Schiff’s Udemy course Git a Web Developer Job: Mastering the Modern Workflow.






git-essentials-init-merge-commitGit Essentials

Git, GitHub, and command-line basics to collaborate with other developers and deploy sites.

Skills: Use the command line to manage branches, create a new repo, git init, git add, git commit, git status, git checkout, git merge.





npm-node-package-managementNode.js, npm and Gulp

Leveraging Node.js tools like NPM and Gulp to save time by automating tasks.

Skills: Download node.js and initialise repo, use npm to download packages and create a package.json file, use Gulp to watch for changes and automatically refresh the browser, import modules and manage postcss tasks.




css-architecture-bem-postcssCSS architecture

Enhance CSS knowledge with techniques (BEM & PostCSS) to keep styles manageable.

Skills: Use BEM methodology to organise CSS, create global file, modules and mixins using postcss.





images-responsive-mobile-firstMobile first

Speeding up sites with the mobile-first performance philosophy.

Skills: Create responsive images, sprites and use a package to have images load just in time.






Understanding JavaScript basics and ES6 module patterns (Babel & webpack).








Final project deployed and hosted using Github pages.

Skills: Use Gulp build task to compress and create dist folder, publish to Github pages






Leave a Reply

Your email address will not be published. Required fields are marked *