Skip to content

Add new resources and section build tools #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Add new resources and section build tools #13

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
0051a85
Merge branch 'master' of https://github.com/SLC-JS-Learners/2017-07-r…
Jul 19, 2017
fa98cc9
Merge branch 'master' of https://github.com/SLC-JS-Learners/2017-07-r…
Jul 20, 2017
01f5721
Add two vue resources and correct a typo in create-react-app's descri…
Jul 21, 2017
3c96f5f
Add Build Tools category, add webpack with two resources..
Jul 21, 2017
1d57b57
Add CSS resource marksheet.io
Jul 21, 2017
5ce80d9
Add CSS in JS resources to React, styled-components and glamorous
Jul 21, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 23 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,9 @@ tags: [videos]
## CSS
- [Mozilla Developer Network (MDN): CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [Don't use flexbox for overall page layout](https://jakearchibald.com/2014/dont-use-flexbox-for-page-layout/)
When, where, and how to use Flexbox vs CSS Grid
When, where, and how to use Flexbox vs CSS Grid
- [marksheet.io's CSS guide](http://marksheet.io/)
This guide teaches all the basics of CSS, and touches on SASS/SCSS

### CSS Grid
- [Grid Garden](http://cssgridgarden.com/)
Expand Down Expand Up @@ -130,6 +132,14 @@ tags: [videos]
- [Markdown tutorial](http://www.markdowntutorial.com/)
- [Github markdown guide](https://guides.github.com/features/mastering-markdown/)

## Build Tools

### Webpack
- [Official Webpack Docs](https://webpack.js.org/guides/)
Official docs for Webpack, includes guides and API
- [SurviveJS Webpack guide](https://survivejs.com/webpack/preface/)
Excellent in depth guide for working with Webpack version 2

## JavaScript Frameworks
- _HINT_: Don't try to learn multiple frameworks at one time. Get comfortable with vanilla JS, then learn a single framework, and only then should you add a second framework _or_ a second language.

Expand All @@ -142,7 +152,7 @@ tags: [videos]
- [ReactJS Utah](https://www.meetup.com/ReactJS-Utah/)
tags: [meetups]
- [Official React Docs](https://facebook.github.io/react/docs/hello-world.html)
Offical React Docs, contains some tutorials as well as the API
Official React Docs, contains some tutorials as well as the API
- [ReactCasts with @cassiozen](https://www.youtube.com/channel/UCZkjWyyLvzWeoVWEpRemrDQ)
Biweekly, short React screencasts containing tips, tricks and tutorials.
tags: [video, series, mid-level]
Expand All @@ -151,7 +161,16 @@ tags: [videos]
- [SurviveJS React Guide](https://survivejs.com/react/introduction/)
This is the free online version of the book
- [create-react-app](https://github.com/facebookincubator/create-react-app)
CLI tool used to set up React project, very useful, as setting up a dev environment for React can be complicated.
CLI tool used to set up React projects, very useful as setting up a dev environment for React can be complicated.
- [styled-components](https://www.styled-components.com/docs)
Solution for working with css in js, uses tagged template literals
- [glamorous](https://github.com/paypal/glamorous)
Solution for working with css in js, uses plain objects and glamor.js


### Vue
-
- [Official Vue Docs](https://vuejs.org/v2/guide/)
Official Vue Docs, contains tutorials, guides and the API
- [vue-cli](https://github.com/vuejs/vue-cli)
A simple CLI for scaffolding Vue.js projects.