Front-End Architecture | Setting Up & Organizing your Website Projects | Coding Tutorial

In this episode, I talk about how I organize my Front-End Develoment Projects to use modern technologies like SASS, Javascript, Task Runners and build my sites in a modular way.

Remember to Subscribe goo.gl/6vCw64

Modern Web Front-End Web Development requires a bit more focus than it used to. You still basically link your stylesheets and scripts in your HTML document, but how you do that and how to redo that is important for workflow and the modular style of sites.

Check out my video on ways to preprocess CSS:
youtu.be/sMi9wuR22FE

I cover the following in this video:
1. How to set up your project files organizationally
2. How to pre-process your CSS to make life easier
3. How to use, and what tools to use for Pre-Processing (task runners, terminal, Codekit)
4. How to think about code in a modular way

The important thing is not that you set up and organize your projects just like me, but that you do it at all. There are many ways of doing that but it's about a way of thinking. Read these great articles to learn more about how to organize CSS.

bradfrost.com/blog/post/atomic-web-design/
getbem.com/introduction/
smacss.com/


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

////////// 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...
designchamps.io/hip

////////// Connect with me here 👍🏼
Instagram: instagram.com/imjesseshow
Twitter: twitter.com/imjesseshow
Anchor: anchor.fm/imjesseshow
Medium: medium.com/@imjesseshow

////////// Sign up for my Monthly Newsletter 📫
jesseshowalter.com/newsletter

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

////////// Equipment 📸
amazon.com/shop/jesseshowaltertv