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

Опубликовано: 12 Август 2017
на канале: Jesse Showalter
132,372
3.5k

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 https://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:
   • 3 Ways to Preprocess CSS in 3 Minutes  

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.

http://bradfrost.com/blog/post/atomic...
http://getbem.com/introduction/
https://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...
https://designchamps.io/hip

////////// Connect with me here 👍🏼
Instagram:   / imjesseshow  
Twitter:   / imjesseshow  
Anchor: https://anchor.fm/imjesseshow
Medium:   / 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/jesseshow...


Смотрите видео Front-End Architecture | Setting Up & Organizing your Website Projects | Coding Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Jesse Showalter 12 Август 2017, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 132,372 раз и оно понравилось 3.5 тысяч людям.