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.

learnwebcode-project-gulp-node-npm

 

 

 

 


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.

 

 

 

 


javascript-es6JavaScript

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

 

 

 

 

 

 


github-pagesDeployment

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 *