We are moving into code!!! After completing the visual design phase of the project we are now ready to code this website piece by piece, but first, we want to take the time and set up our development environment so everything is really dialed and our workflow is really smooth.

http://jesseshowalter.com/starter-kit/

Remember to Subscribe https://goo.gl/6vCw64

We will be focusing on setting up our tooling for the project that will include, getting a text editor, understanding the command line, installing node, NPM, sass, and gulp , and then setting up your github repo and connecting it to your local project using the Github Desktop app.

------------------------------------------------------------------------------------

1. Setting up text editor (Atom) - 1:09
2. Set up command line/terminal 1:45
3. Establish a GitHub repository 2:20
4. Set up your code locally using GitHub Desktop 4:34
5. Download starter kit code 7:27
6. Take a look at the starter files in Atom 10:03
7. Brief discussion of Sass 11:54
8. Download and install dependencies (Node, NPM) 13:59
9. Download and install Sass (a pre-processor) 15:00
10. Download and install Gulp (a task runner) 15:47
11. Test run of Gulp 20:34
12. Browser sync in action 24:34
13. Clean up the to a blank project 26:32
14. Create a gitignore file 27:46
15. Check our new GitHub repo and contribute 33:11

------------------------------------------------------------------------------------

1. Intro - https://youtu.be/sr6jDeAoXCc
2. Discovery - https://youtu.be/g2aSWqU0gqA
3. Wireframe & Moodboard - https://youtu.be/boF058Bh5lo
4. Visual Design Part 1 - https://youtu.be/3xWViyhRGd4
5. Visual Design Part 2 - https://youtu.be/HqykJljlN2A
6. Setting up the Dev environment - https://youtu.be/cXbRAdPXpRA
7. Coding the Nav and Header - https://youtu.be/Boc_IZNzlh4
8. Coding the brand and feature section - https://youtu.be/O4gqpgRvYJg
9. Coding the Offer Section - https://youtu.be/JsLeiFbi8RM
10. Coding the Download Section - https://youtu.be/jMkAeo2uGHk

------------------------------------------------------------------------------------

This series is all about the web design and development process from start to finish. I am going to be taking you through the entire creative process from sketching and wireframing to high res mockups and full development phase.

I have never done a series this large, and my hope is that you will grow as a designer and developer not because I am perfect but because you have allowed yourself to stumble and fail with me on the road to making something you can be proud of.

I made this series because I believe that by teaching it I will learn and grow from not only the experience of creating the project but getting feedback from you all.

------------------------------------------------------------------------------------

////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
https://designchamps.io/hip

////////// Connect with me here
Instagram: https://www.instagram.com/imjesseshow
Twitter: http://twitter.com/imjesseshow
Anchor: https://anchor.fm/imjesseshow
Medium: https://medium.com/@imjesseshow

////////// Sign up for my Monthly Newsletter
http://jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial
http://share.mscbd.fm/imjesseshow

////////// Equipment
https://www.amazon.com/shop/jesseshowaltertv