This is a boilerplate for web development, aimed for users that aren't brand new to web development and want a simple introduction to newer technologies for web development specifically the following technologies:
- Node/NPM
- Gulp
- Bower
git clone https://github.com/jeremyef/web-starter.git
- Navigate to the directory and run:
npm start
- Run the default Gulp task:
gulp default
- Start developing from the /app directory
The information in this section are designed to be more detailed it will further explain the technologies used and an example for the workflow for web development.
web-starter/
├── app/
│ ├── bower_components/..
│ ├── scripts/
│ │ └── main.js
│ ├── styles/
│ │ ├── sass/
│ │ │ └── main.scss
│ │ └── main.css
│ ├── index.html
├── dist/
│ ├── scripts/
│ │ ├── vendor.js
│ │ └── main.js
│ ├── styles/
│ │ ├── vendor.css
│ │ └── main.css
│ └── index.html
├── node_modules/..
├── .bowerrc
├── .gitignore
├── bower.json
├── gulpfile.js
├── package.json
└── README.md
There are files/folders in this structure that aren't visible from the Git Repository because they are excluded by the .gitignore file. These include:
- node_modules/
- app/bower_components
- dist
NPM is a package manager that comes with Node, its used to manage dependencies for an application.
This package uses Gulp as a task runner to simplify the workflow of web developing.
Bower is also a package manager, but focuses more towards Front-end dependencies/libraries. While its possible to use NPM to manage Front-end dependencies using Browserify, i've specifically chosen to continue using bower as I prefer to have some sort of separation between front-end and app dependencies.
Written by: Jeremy Ferrer (jeremy.eferrer@gmail.com)
Using MIT Licence