Foundation CSS Framework Tutorial - Crash Course for Beginners

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=_drzb7j9Bg4


Duration: 1:39:09
69,161 views
969

Learn everything you need to know about Foundation by ZERB. Foundation is a responsive front-end CSS framework that makes it easy to design beautiful responsive websites. This tutorial for beginners covers all of the components of Foundation.

First, you will learn how to use Foundation's HTML5 templates. Then, you will see how to build a complete portfolio website from scratch using Foundation. When you are finished with this course, you should have an intermediate understanding of how Foundation works.

Links:
🔗 http://foundation.zurb.com
🔗 https://foundation.zurb.com/sites/docs/kitchen-sink.html
🔗 https://foundation.zurb.com/templates.html
🔗 https://atom.io/packages/atom-beautify

⭐️ Contents ⭐️
⌨️ (00:00) Intro
⌨️ (00:32) Installation
⌨️ (01:38) Kitchen Sink
⌨️ (54:57) HTML5 Templates
⌨️ (1:08:10) Portfolio build from scratch
⌨️ (1:33:36) Review

🎥 Tutorial created by Shadow Teck. Check out the Shadow Teck YouTube channel: https://www.youtube.com/channel/UC9vKBPQdHho6HrC0RiKz8ZA

🐦 Shadow Teck on Twitter: https://twitter.com/Shadow_Teck

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp



Other Videos By freeCodeCamp.org


2019-03-20React Native Web Game Styles (P7D6) - Live Coding with Jesse
2019-03-19Learn Vue.js - Full Course for Beginners - 2019
2019-03-15React Native Web Game Logic Part 2 (P7D5) - Live Coding with Jesse
2019-03-13React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web
2019-03-11How to Make a Custom Website from Scratch using WordPress (Theme Development) - 2019 Tutorial
2019-03-08React Native Web Game Logic (P7D4) - Live Coding with Jesse
2019-03-07How to Code Like a Pro (with Dylan Israel)
2019-03-06React Native Web UI Building (P7D3) - Live Coding with Jesse
2019-03-04Intro to Data Science - Crash Course for Beginners
2019-03-01React Native Web Setup Part 2 (P7D2) - Live Coding with Jesse
2019-02-27Foundation CSS Framework Tutorial - Crash Course for Beginners
2019-02-25Unity 3D Tutorial - Beat Em Up Fight Game
2019-02-21MongoDB with Python Crash Course - Tutorial for Beginners
2019-02-19Python Algorithms for Interviews
2019-02-13Valve developers discuss Portal problems - CS50's Intro to Game Development
2019-02-12Express.js & Node.js Course for Beginners - Full Tutorial
2019-02-12Portal Clone Tutorial in Unity - CS50's Intro to Game Development
2019-02-11Dreadhalls | Unity 3D Tutorial - CS50's Intro to Game Development
2019-02-08Unity / C# Tutorial | Helicopter Game 3D - CS50's Intro to Game Development
2019-02-07Pokémon Coding Tutorial - CS50's Intro to Game Development
2019-02-06Angry Birds Coding Tutorial - CS50's Intro to Game Development


Tags:
Foundation css
foundation html
foundation framework
web foundation
foundation crash course
zurb foundation
foundation bootstrap
foundation responsive
front end framework
css framework
foundation tutorial
foundation tutorial for beginners
responsive web design