Skip to content

Codebase and resources for Skillshare class Introduction to Component Based Design.

Notifications You must be signed in to change notification settings

mariohernandez/intro-to-component-based-design

Repository files navigation

Introduction to Component Based Web Design

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

Cover Image

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

  1. Delete node_modules
  2. 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.

npm run watch
Compiles code, reloads browser and auto compiles any file changes upon save, changes or creation.

About

Codebase and resources for Skillshare class Introduction to Component Based Design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published