Looking to up your web development game or start a development career? Do you want to learn how to create a complete website from start to finish using various technologies?
In this video, I will show you how to build a Yoga Fitness website, a Flask-based web project that showcases a yoga and fitness studio and its services.
You will learn how to use Flask, a Python web framework, and Docker, a tool that allows you to create and run applications using local images and or containers.
On top of that, you'll also learn how to use Bootstrap, a CSS or SCSS framework, to create a responsive and user-friendly web design.
Timestamp:
00:00:00 Introduction
00:02:50 Chapter 1: Setting Up A Dev Environment - Docker, Python
00:28:09 Chapter 2: Setting Up Gulp & Webpack Task Manager
00:58:34 Chapter 3: Setting Up Bootstrap Base & Variable Config
01:24:37 Chapter 4: Creating Complete Bootstrap Navigation
02:03:05 Chapter 5: Develop A Hero Slide With Bootstrap
02:38:20 Chapter 6: Develop Our Services Section With Bootstrap
03:14:05 Chapter 7: Develop Complete Bootstrap Tab System
03:47:20 Chapter 8: Styling In Bootstrap Tabs
04:07:19 Chapter 9: Develop & Style Our Team Section
04:19:49 Chapter 10: Develop A Stunning Call To Action
04:30:09 Chapter 11: Develop A Simplistic Footer
Bonus Content:
👉 You will also learn how to use Gulp and Webpack, two tools that help you automate tasks and bundle assets.
👉You will also learn how to use SCSS, a CSS preprocessor, to write more maintainable and modular stylesheets.
By the end of this video, you will have a fully functional website that you can use for your own projects or portfolio. You will also gain valuable skills and knowledge that will help you become a better web developer.
🎥 Check Out Full Design Video - • Design A Modern Website For Beginners...
🛠 Free Resources Mentioned In This Video:
1️⃣ Github Repo With Full Description -https://github.com/JaquesBotha/YogaFi...
2️⃣ This project on Figma -https://www.figma.com/community/file/...
Stay Connected:
👍 If you find this video helpful, please give it a thumbs up.
💬 I'd love to hear your thoughts or questions in the comments.
🔔 Don't forget to subscribe and hit the bell for more - / @jcbcb
Thank you for watching!
#webdevelopment #BootstrapTutorial #python #docker #github #howto
I am dedicated to providing top-notch web design and development education, helping you build beautiful, functional websites with ease. Whether you're a beginner or looking to enhance your skills, I'm here to guide you every step of the way.
Смотрите видео Develop A Modern Website For Beginners: START to FINISH онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь JCBCB 19 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,10 раз и оно понравилось 13 людям.