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 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:
https://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.
http://bradfrost.com/blog/post/atomic-web-design/
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://learn.jesseshowalter.com/membership
////////// Connect with me here 👍🏼
Instagram: https://www.instagram.com/iamjesseshow
Twitter: http://twitter.com/iamjesseshow
Anchor: https://anchor.fm/iamjesseshow
Medium: https://medium.com/@iamjesseshow
////////// Sign up for my Monthly Newsletter 📫
http://jesseshowalter.com/newsletter
////////// Music is from Musicbed click below for a free trial 👇🏼
http://share.mscbd.fm/iamjesseshow
////////// Equipment 📸
https://www.amazon.com/shop/jesseshowaltertv
Видео Front-End Architecture | Setting Up & Organizing your Website Projects | Coding Tutorial канала Jesse Showalter
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:
https://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.
http://bradfrost.com/blog/post/atomic-web-design/
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://learn.jesseshowalter.com/membership
////////// Connect with me here 👍🏼
Instagram: https://www.instagram.com/iamjesseshow
Twitter: http://twitter.com/iamjesseshow
Anchor: https://anchor.fm/iamjesseshow
Medium: https://medium.com/@iamjesseshow
////////// Sign up for my Monthly Newsletter 📫
http://jesseshowalter.com/newsletter
////////// Music is from Musicbed click below for a free trial 👇🏼
http://share.mscbd.fm/iamjesseshow
////////// Equipment 📸
https://www.amazon.com/shop/jesseshowaltertv
Видео Front-End Architecture | Setting Up & Organizing your Website Projects | Coding Tutorial канала Jesse Showalter
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![What You Need to Know to be a Front End Developer in 2018](https://i.ytimg.com/vi/Xd7huBu39qk/default.jpg)
![{Web-D 01} File and folder structure](https://i.ytimg.com/vi/RniGO9Ek6yY/default.jpg)
![How to Learn Design | How to Get Started in Design - Episode 1](https://i.ytimg.com/vi/0oCITNwKpqk/default.jpg)
![Designing my Server Architecture for Scalable Web Applications](https://i.ytimg.com/vi/gZuNOqaDnSQ/default.jpg)
![Don't Make Me Think | Steve Krug | UX Design Book Review](https://i.ytimg.com/vi/vBzBgewl4ac/default.jpg)
![Learn Sass In 20 Minutes | Sass Crash Course](https://i.ytimg.com/vi/Zz6eOVaaelI/default.jpg)
![CSS Grid Tutorial | CSS Grid Crash Course](https://i.ytimg.com/vi/EFafSYg-PkI/default.jpg)
![Organizing Sass | Front-End Architecture](https://i.ytimg.com/vi/qUnIReTCsZY/default.jpg)
![Front-End Architecture 101 - Nir Kaufman @ ReactNYC](https://i.ytimg.com/vi/o8THlN8hgcw/default.jpg)
![GOTO 2019 • Building Resilient Frontend Architecture • Monica Lent](https://i.ytimg.com/vi/TqfbAXCCVwE/default.jpg)
![You Probably Need BEM CSS in Your Life (Tutorial)](https://i.ytimg.com/vi/er1JEDuPbZQ/default.jpg)
![Front-End Development, HTML & CSS, Javascript & jQuery by Jon Duckett | Book Review](https://i.ytimg.com/vi/9VnjAQTUf5k/default.jpg)
![Projects to Build to Up your Front End Web Developer Portfolio!](https://i.ytimg.com/vi/6C_KFFr4bWc/default.jpg)
![5 Front End Interview Questions That Every NEW Developer Should Know](https://i.ytimg.com/vi/z6cvj6cMIr0/default.jpg)
![Web Architecture Basics](https://i.ytimg.com/vi/AYHE2m651dY/default.jpg)
![Build a responsive website from scratch with HTML & CSS | Part 1: Navigation bar](https://i.ytimg.com/vi/8w_kHIAkucA/default.jpg)
![Free Resources to Learn Front-End Development 2018 | Coding Courses, Videos, Books, Tools and More](https://i.ytimg.com/vi/izstJEanCR0/default.jpg)
![Organizing Symbols in Sketch for Mac | Sketch Design Tutorial](https://i.ytimg.com/vi/bz46QG-yUQE/default.jpg)
![3 Ways to Preprocess CSS in 3 Minutes](https://i.ytimg.com/vi/sMi9wuR22FE/default.jpg)
![Front-End Engineer Day to Day Operations | What Does a Front-End Developer Actually Do? | Ask a Dev](https://i.ytimg.com/vi/9ymsipC7Yg4/default.jpg)