آموزش بوت استرپ - 4 پروژه دنیای واقعی ایجاد کنید

Bootstrap - Create 4 Real World Projects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بوت استرپ - بوت استرپ با تعداد زیادی CSS و جاوا اسکریپت. CSS Flexbox گنجانده شده است. شما از اصول اولیه بوت استرپ شروع خواهید کرد، جایی که در مورد مواردی مانند تایپوگرافی، ابزارهای کمکی یاد خواهید گرفت، یاد خواهید گرفت که چگونه عناصر صفحه را با استفاده از Bootstrap Grid System تراز کنید، و علاوه بر آن، CSS Flexbox را پوشش خواهیم داد که می توانید 4 دنیای واقعی بسازید. پروژه های با استفاده از بوت استرپ و برخی از ترفندها و تکنیک های CSS و jQuery پس از پایان دوره شما قادر خواهید بود وب سایت های مدرن و با ظاهری عالی را بر روی خودتان بسازید. اصول اولیه جاوا اسکریپت یک امتیاز مثبت خواهد بود، اما اجباری نیست

پرفروش ترین دوره آموزشی بوت استرپ در UDEMY!!!

شامل:

  • تایپوگرافی

  • ابزارهای کمکی

  • چیدمان در بوت استرپ

  • CSS Flexbox

  • Bootstrap Grid System

  • اجزای بوت استرپ

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

  • پروژه 2 - داشبورد مدیریت

  • پروژه 3 - photoX

  • پروژه 4 - فروشگاه کتاب

اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌های مدرن، ظاهری عالی و طراحی زیبا ایجاد کنید، این کلاس برای شما مناسب است. به دوره کامل بوت استرپ خوش آمدید.

این دوره مبتنی بر پروژه است زیرا ما فکر می کنیم که ایجاد پروژه بهترین راه برای یادگیری یکی از محبوب ترین و پرکاربردترین فناوری های امروزی است - Bootstrap. بوت استرپ به ما اجازه می دهد تا وب سایت هایی مدرن و زیبا به روشی بسیار ساده بسازیم، بنابراین، اگر می خواهید مهارت های توسعه دهنده/طراح وب خود را به سطح بالاتری ببرید، قطعاً باید بدانید که چگونه از بوت استرپ استفاده کنید و در واقع چه کاری انجام می دهد.

این دوره از چندین بخش تشکیل شده است، ما از اصول اولیه بوت استرپ مانند تایپوگرافی و ابزارهای کاربردی شروع می کنیم. سپس می‌توانید نحوه تراز کردن عناصر در صفحه را با استفاده از سیستم شبکه Bootstrap بیاموزید و همچنین CSS Flexbox را نیز پوشش خواهیم داد.

بعد از آن، قسمت های اصلی و جالب ترین دوره آمده است. ما شروع به ساخت پروژه هایی خواهیم کرد که در آن شما قادر خواهید بود بقیه موضوعات بوت استرپ مانند اجزای بوت استرپ و موارد دیگر را بیاموزید. اولین پروژه ما با استفاده از Bootstrap خالص بدون استفاده از CSS یا jQuery ساخته خواهد شد.

پروژه دوم داشبورد مدیریت خواهد بود که در آن از بوت استرپ و همچنین مقداری CSS و کمی جی کوئری استفاده خواهیم کرد. بنابراین، در این بخش، می‌توانید نحوه ایجاد یک داشبورد مدرن و خوش‌طراحی برای ادمین را بیاموزید.

پروژه بعدی photoX خواهد بود. این یک وب سایت در مورد چیزی مانند یک شرکت عکاسی خواهد بود. این پروژه از بخش‌های متعددی تشکیل شده است که در آنها با چیزهای پیشرفته‌تر و پیچیده‌تر ساخته شده با بوت استرپ، CSS و jQuery روبرو خواهید شد.

در مورد پروژه آخر، پروژه ای متفاوت و جالب خواهد بود، ما یک وب سایت در مورد چیزی مانند فروشگاه کتاب خواهیم ساخت و برخلاف پروژه های قبلی، پیچیده تر و پیشرفته تر خواهد بود. در طول این پروژه، ما بخش‌های بسیار زیبا و متفاوتی خواهیم ساخت که برای شما تاثیرگذار خواهد بود.

هر پروژه به طور کامل به همه دستگاه‌های صفحه‌نمایش پاسخگو خواهد بود.

در طول دوره، توضیحات مفصلی در مورد نحوه عملکرد بوت استرپ خواهید دید، همچنین با شیوه ها و راه حل های مدرن آشنا خواهید شد.

پشتیبانی سریع و دوستانه از مربیان 24/7 دریافت کنید.

به ما بپیوندید!!!


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

خوش آمدی Welcome

  • معرفی Introduction

  • نحوه تماشای سخنرانی ها با کیفیت بالا How to Watch Lectures in High Quality

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

  • برپایی Setup

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

  • کد منبع را دانلود کنید Download Source Code

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

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

  • متن و رنگ ها Text & Colors

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

  • فاصله و اندازه Spacing & Sizing

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

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

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

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

  • CSS Flexbox - ویژگی های کانتینر CSS Flexbox - Container Properties

  • CSS Flexbox - ویژگی های آیتم Flex CSS Flexbox - Flex Item Properties

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

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

  • چیدمان Layout

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

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

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

  • بخش بنر Banner Section

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

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

  • بخش تیم Team Section

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

  • بخش تماس Contact Section

  • پاورقی Footer

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

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

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

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

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

  • مدال Modal

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

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

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

  • پیش رفتن Progress

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

  • فعالیت ها Activities

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

  • پاورقی Footer

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

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

  • بنر Banner

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

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

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

  • مجموعه Collection

  • آلبوم عکس Gallery

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

  • قیمت گذاری Pricing

  • مخاطب Contact

  • پاورقی Footer

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

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

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

  • سرتیتر Header

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

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

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

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

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

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

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

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

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

  • پاورقی Footer

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

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

جایزه BONUS

  • سخنرانی پاداش: اتمام Bonus Lecture: Check Out

نمایش نظرات

آموزش بوت استرپ - 4 پروژه دنیای واقعی ایجاد کنید
جزییات دوره
10 hours
64
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
5,245
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Code And Create Code And Create

توسعه وب / طراحی وب 'کد و ایجاد' یک شرکت توسعه وب است که متشکل از توسعه دهندگان حرفه ای وب ، طراحان وب و مدرسان آنلاین باتجربه است. 'Code And Create' دوره های آموزشی آنلاین ایجاد می کند. بیشتر آنها پرفروش ترین ها در بستر Udemy هستند. ما در چندین فن آوری و زبان برنامه نویسی مانند HTML5 ، CSS3 ، SASS ، Bootstrap ، Material Design ، JavaScript ، ReactJS ، Angular ، VueJS ، NodeJS ، MongoDB ، PHP ، MySQL ، Python و موارد دیگر تخصص داریم ... "Code And Create" همچنین یک کانال YouTube به نام "Code And Create" را اجرا می کند ، جایی که ما محتوای آموزشی رایگان را در توسعه وب / طراحی / برنامه نویسی ایجاد می کنیم. ما از حضور در اینجا هیجان زده ایم و مشتاقیم دانش و تجربه خود را به اشتراک بگذاریم. مشتاقانه منتظر دیدن شما در دوره های ما هستیم.

George Lomidze George Lomidze

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

سلام،

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

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

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

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

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

Lasha Nozadze Lasha Nozadze

توسعه دهنده وب و نرم افزار بنیانگذار 'CodeAndCreate'. سلام من لاشا هستم! من یک توسعه دهنده / طراح وب کاملاً پشته و کاملاً پشته ، مهندس نرم افزار با چندین سال تجربه و نویسنده چندین دوره پرفروش در Udemy هستم. وقتی وارد برنامه نویسی شدم ، حدس زدم که زندگی جدیدی پیدا کرده ام و از آن احساس هیجان می کنم ، زیرا معتقدم برنامه نویسی یکی از داغ ترین زمینه ها در قرن 21 است. تجربه من در توسعه وب شامل فن آوری های زیر است ، مانند HTML5 ، CSS3 ، SASS ، Bootstrap ، JavaScript ، React ، Node.js ، PHP ، MySQL و موارد دیگر ... خوشحالم که به شما گفتم ، تدریس اشتیاق دیگر من شد. من بسیار سپاسگزار و هیجان زده هستم که فرصتی پیدا کردم تا دانش و تجربه خود را با شما در میان بگذارم. من یک شرکت توسعه وب ایجاد کرده ام ، به نام 'CodeAndCreate' ، با دوستم جورج. 'CodeAndCreate' شرکتی است که برای اهداف زیر عمل می کند: "دانش خود را برای بهتر کردن دنیا کدگذاری ، ایجاد و به اشتراک بگذارید!"