آموزش بوت استرپ 4: ایجاد چهار پروژه دنیای واقعی [ویدئو]

Bootstrap 4: Create Four Real World Projects [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: اگر می خواهید یاد بگیرید که چگونه وب سایت های مدرن، جذاب و با طراحی خوب ایجاد کنید، این دوره کامل بوت استرپ برای شما مناسب است. در این دوره، پروژه هایی برای یادگیری یکی از محبوب ترین و پرکاربردترین فناوری های امروزی ایجاد می کنید. بوت استرپ شما را قادر می سازد تا به راحتی وب سایت های مدرن خیره کننده بسازید. شما با درک اصول اولیه Bootstrap، پوشش موضوعاتی مانند تایپوگرافی و ابزارهای کمکی، و بررسی CSS Flexbox شروع خواهید کرد. سپس به جالب ترین بخش دوره می پردازید - پروژه های ساختن برای یادگیری Bootstrap با جزئیات. شما اولین پروژه خود را با استفاده از Bootstrap خالص می سازید و به ایجاد داشبورد مدیریتی که از Bootstrap به همراه مقداری CSS و jQuery استفاده می کند، پیش می روید. سپس photoX، وب سایتی برای یک شرکت عکاسی ایجاد خواهید کرد. این پروژه از بخش های متعددی تشکیل شده است که در آن اجزای پیشرفته و پیچیده تری را که با بوت استرپ، CSS و jQuery ساخته شده اند، کشف خواهید کرد. آخرین پروژه یک وب سایت برای یک کتابفروشی است. پیچیدگی پروژه ها به تدریج افزایش می یابد. در پایان دوره، مهارت های توسعه دهنده و طراح وب خود را افزایش خواهید داد و دانش کاملی در مورد نحوه عملکرد بوت استرپ به دست خواهید آورد. همه کدها و فایل های پشتیبانی در این آدرس موجود است https://github.com/PacktPublishing/Bootstrap-4---Create-4-Real-World-Projects داشبورد مدیریت را کاوش کنید نحوه عملکرد بوت استرپ را درک کنید با نحوه تراز کردن عناصر در صفحه با استفاده از سیستم شبکه Bootstrap آشنا شوید ساخت پروژه های دنیای واقعی با استفاده از Bootstrap و برخی از ترفندها و تکنیک های CSS و jQuery هرکسی که می خواهد بوت استرپ را یاد بگیرد و مهارت های توسعه وب یا طراحی خود را به سطح بالاتری برساند، این دوره را مفید خواهد دید. با آخرین نسخه بوت استرپ آشنا شوید * تایپوگرافی را بدانید و ابزارهای کمکی * با CSS Flexbox و طرح Bootstrap کار کنید

سرفصل ها و درس ها

خوش آمدی Welcome

  • معرفی Introduction

  • بوت استرپ چیست؟ What is Bootstrap?

  • برپایی Setup

  • چگونه از دوره بیشترین بهره را ببرید How to get the most out of the course

تایپوگرافی و ابزارهای کاربردی Typography and Utilities

تایپوگرافی و ابزارهای کاربردی Typography and Utilities

  • تایپوگرافی پایه Basic Typography

  • تایپوگرافی پایه Basic Typography

  • متن و رنگ Text and Colors

  • متن و رنگ Text and Colors

  • نقاط شکست پاسخگو Responsive Breakpoints

  • نقاط شکست پاسخگو Responsive Breakpoints

  • فاصله گذاری و اندازه Spacing and Sizing

  • فاصله گذاری و اندازه Spacing and Sizing

  • شناورها و موقعیت ها Floats and Positions

  • شناورها و موقعیت ها Floats and Positions

طرح بندی (CSS Flexbox/Bootstrap Grid) Layout (CSS Flexbox / Bootstrap Grid)

طرح بندی (CSS Flexbox/Bootstrap Grid) Layout (CSS Flexbox / Bootstrap Grid)

  • CSS Flexbox- مقدمه CSS Flexbox- Introduction

  • CSS Flexbox- مقدمه CSS Flexbox- Introduction

  • CSS Flexbox- خواص کانتینر CSS Flexbox- Container Properties

  • CSS Flexbox- خواص کانتینر CSS Flexbox- Container Properties

  • CSS Flexbox- ویژگی های مورد فلکس CSS Flexbox- Flex item Properties

  • CSS Flexbox- ویژگی های مورد فلکس CSS Flexbox- Flex item Properties

  • Bootstrap Grid System - قسمت 1 Bootstrap Grid System- Part 1

  • Bootstrap Grid System - قسمت 1 Bootstrap Grid System- Part 1

  • Bootstrap Grid System - قسمت 2 Bootstrap Grid System- Part 2

  • Bootstrap Grid System - قسمت 2 Bootstrap Grid System- Part 2

پروژه 1 - وب سایت Pure Bootstrap Project 1 - Pure Bootstrap Website

پروژه 1 - وب سایت Pure Bootstrap Project 1 - Pure Bootstrap Website

  • بررسی اجمالی پروژه Project Overview

  • بررسی اجمالی پروژه Project Overview

  • نوار ناوبری Navbar

  • نوار ناوبری Navbar

  • بخش بنرها Banners Section

  • بخش بنرها Banners Section

  • بخش مهارت ها Skills Section

  • بخش مهارت ها Skills Section

  • بخش پروژه ها Projects Section

  • بخش پروژه ها Projects Section

  • بخش تیم Team Section

  • بخش تیم Team Section

  • بخش پیشرفت Progress Section

  • بخش پیشرفت Progress Section

  • بخش تماس Contact Section

  • بخش تماس Contact Section

  • پاورقی Footer

  • پاورقی Footer

پروژه 2 - داشبورد مدیریت Project 2 - Admin Dashboard

پروژه 2 - داشبورد مدیریت Project 2 - Admin Dashboard

  • بررسی اجمالی پروژه Project Overview

  • بررسی اجمالی پروژه Project Overview

  • Navbar - قسمت 1 Navbar - Part 1

  • Navbar - قسمت 1 Navbar - Part 1

  • Navbar - قسمت 2 Navbar - Part 2

  • Navbar - قسمت 2 Navbar - Part 2

  • Navbar - قسمت 3 Navbar - Part 3

  • Navbar - قسمت 3 Navbar - Part 3

  • مدال Modal

  • مدال Modal

  • بخش کارت ها Cards Section

  • بخش کارت ها Cards Section

  • بخش جداول - قسمت 1 Tables Section- Part 1

  • بخش جداول - قسمت 1 Tables Section- Part 1

  • بخش جداول - قسمت 2 Tables Section- Part 2

  • بخش جداول - قسمت 2 Tables Section- Part 2

  • پیش رفتن Progress

  • پیش رفتن Progress

  • فهرست وظیفه یا لیست کار Task list

  • فهرست وظیفه یا لیست کار Task list

  • فعالیت ها Activities

  • فعالیت ها Activities

  • ارسال سریع Quick Post

  • ارسال سریع Quick Post

  • پاورقی Footer

  • پاورقی Footer

پروژه 3 - PhotoX Project 3 - PhotoX

پروژه 3 - PhotoX Project 3 - PhotoX

  • بررسی اجمالی پروژه Project Overview

  • بررسی اجمالی پروژه Project Overview

  • بنر Banner

  • بنر Banner

  • نوار ناوبری Navbar

  • نوار ناوبری Navbar

  • ماموریت - قسمت 1 Mission- Part 1

  • ماموریت - قسمت 1 Mission- Part 1

  • ماموریت - قسمت 2 Mission- Part 2

  • ماموریت - قسمت 2 Mission- Part 2

  • مجموعه Collection

  • مجموعه Collection

  • آلبوم عکس Gallery

  • آلبوم عکس Gallery

  • بخش مشتریان Customer Section

  • بخش مشتریان Customer Section

  • قیمت گذاری Pricing

  • قیمت گذاری Pricing

  • مخاطب Contact

  • مخاطب Contact

  • پاورقی Footer

  • پاورقی Footer

پروژه 4 - فروشگاه کتاب Project 4 - Book Store

پروژه 4 - فروشگاه کتاب Project 4 - Book Store

  • بررسی اجمالی پروژه Project Overview

  • بررسی اجمالی پروژه Project Overview

  • سرتیتر Header

  • سرتیتر Header

  • گالری - قسمت 1 Gallery- Part 1

  • گالری - قسمت 1 Gallery- Part 1

  • گالری - قسمت 2 Gallery- Part 2

  • گالری - قسمت 2 Gallery- Part 2

  • نویسندگان معروف Famous Writers

  • نویسندگان معروف Famous Writers

  • کتاب های پیشنهادی Suggested Books

  • کتاب های پیشنهادی Suggested Books

  • کتاب های محبوب - قسمت 1 Popular Books- Part 1

  • کتاب های محبوب - قسمت 1 Popular Books- Part 1

  • کتاب های محبوب - قسمت 2 Popular Books- Part 2

  • کتاب های محبوب - قسمت 2 Popular Books- Part 2

  • کتاب های محبوب - قسمت 3 Popular Books- Part 3

  • کتاب های محبوب - قسمت 3 Popular Books- Part 3

  • تماس - قسمت 1 Contact- Part 1

  • تماس - قسمت 1 Contact- Part 1

  • تماس - قسمت 2 Contact- Part 2

  • تماس - قسمت 2 Contact- Part 2

  • پاورقی Footer

  • پاورقی Footer

  • ناوبری - قسمت 1 Navigation- Part 1

  • ناوبری - قسمت 1 Navigation- Part 1

  • ناوبری - قسمت 2 Navigation- Part 2

  • ناوبری - قسمت 2 Navigation- Part 2

نمایش نظرات

آموزش بوت استرپ 4: ایجاد چهار پروژه دنیای واقعی [ویدئو]
جزییات دوره
9 h 47 m
61
Packtpub Packtpub
(آخرین آپدیت)
1
5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

George Lomidze George Lomidze

توسعه دهنده/طراح/معلم آنلاین

سلام،

من جورج هستم، یک برنامه‌نویس/طراح وب کامل، یکی از بنیانگذاران 'Code And Create' و نویسنده چندین کلاس در Skillshare.

من هیجان زده هستم که اینجا هستم و فرصتی برای کمک به مردم برای یادگیری یکی از جالب ترین و قدرتمندترین زمینه های امروزی دارم.

من تصمیم گرفتم دانش و تجربه خود را با جهان به اشتراک بگذارم و این دلیل اصلی حضور من در Skillshare است.

من در فناوری‌های زیر تخصص دارم: HTML، CSS، SASS، Bootstrap، JavaScript، jQuery، React، React Native، NodeJS، Git و موارد دیگر...

منتظر دیدار شما در کلاس‌هایم هستم و به شما کمک می‌کنم تا یک توسعه‌دهنده وب حرفه‌ای شوید.