Introduction to Component Based Web Design

An Introductory online course by Mario Hernandez, Head of Learning at Mediacurrent. Available at Skill Share.

Codebase

To download the entire codebase used in this class click the Clone or Download button above.

NOTE The codebase includes the Gulp Configuration described below. If you wish to use this codebase, you DO NOT need to copy the files listed below as they are already part of the codebase.

Resources

Gulp Configuration Only

If you wish to implement the Gulp configuration changes we discussed in the Introduction to Pattern Lab video, copy the following files and folders into your project:

gulp-tasks/
patches/
.gitignore
.htaccess
.nvmrc
.sass-lint.yml
.alter-twig.php
gulpfile.js
package.json
patternlab-config.json

NOTE: If you are prompted to override files, please do so.

then do this

Delete node_modules
Delete package-lock.json

and finally run the following commands from the root of your Pattern Lab project

nvm use
This ensures you use the version of NodeJS specified in the .nvmrc file.

npm install
Installs all NodeJS dependencies for the project.

npm run build
Builds your entire project by compiling all code.