توسعه دهنده وب با Bootstrap
بوت‌استرپ، یکی از قدرتمندترین و محبوب‌ترین فریمورک‌های توسعه وب است که به طراحان و توسعه‌دهندگان وب ابزارهای قدرتمندی را برای ایجاد صفحات وب زیبا، قابل تنظیم و واکنش‌گرا فراهم می‌کند. اما آیا تا به حال فکر کرده‌اید که چرا این فریمورک "بوت‌استرپ" نامگذاری شده است؟
وقتی به کلمه "بوت‌استرپ" فکر می‌کنیم، ممکن است تصویر یک جفت بوت کلاسیک با پره‌های بلند به ذهنمان بیاید. در واقع، این تصویر نمادی است از چیزی که بوت‌استرپ در دنیای توسعه وب به ما ارائه می‌دهد.
اگر بخواهیم ایده را به شکل ساده‌تری توصیف کنیم، بوت‌استرپ مانند یک جفت بوت است که به پاهای یک توسعه‌دهنده وب کمک می‌کند تا با سرعت و اعتماد بیشتر به مسیر توسعه وب پیش برود. همانند یک جفت بوت که پای انسان را در برابر سرما و خطرات زمینی محافظت می‌کند، بوت‌استرپ نیز با ارائه‌ی ابزارها و قالب‌های آماده به توسعه‌دهندگان کمک می‌کند تا به راحتی و با اطمینان بهتری وبسایت‌ها و برنامه‌های وب را ایجاد کنند.
بوت‌استرپ به صورتی فریمورکی است که به توسعه‌دهندگان امکان می‌دهد با استفاده از کدهای HTML، CSS و جاوا اسکریپت به سرعت صفحات وب زیبا و کارآمد را طراحی کنند. با استفاده از قالب‌های آماده، کامپوننت‌ها و ابزارهای موجود در بوت‌استرپ، توسعه‌دهندگان می‌توانند به راحتی بخش‌های مختلف وبسایت خود را ساخته و به هماهنگی و قابلیت واکنش‌گرایی بین دستگاه‌ها دست پیدا کنند.
پس بوت‌استرپ نه تنها یک فریمورک توسعه وب است، بلکه یک همکار قوی است که توسعه‌دهندگان را در مسیر توسعه وب همراهی می‌کند و آنها را در مقابل تلفات زمان و دشواری‌های تکراری محافظت می‌کند. با استفاده از بوت‌استرپ، می‌توانید به سرعت و با اعتماد بیشتر پروژه‌های وب خود را شروع و پیش ببرید.
در این دوره قصد دارم شما را از مبتدی تا پیشرفته با بوت استرپ آشنا کنم و با ایجاد یک پروژه اونو به شما بصورت کامل آموزش بدم.
پیش نیاز های این دوره فوق العاده کاربردی:
- HTML
- CSS
سر فصل ها:
-
1 Layout
- 1-1- Breapoints & Containers
- 2-1- Grid
- 3-1- Columns
- 4-1- Gutters
-
2 Content
- 1-2- Reboot & Typography
- 2-2- Image & Figures
- 3-2- Tables
- 4-2- Icons
-
3 Forms
- 1-3- Form control
- 2-3- Select
- 3-3- Check & Radio
- 4-3- Range
- 5-3- Input group
- 6-3- Floating labels
- 7-3- Layout
- 8-3- Validation
-
4 Utilities
- 1-4- Spacing
- 2-4- Color & Background
- 3-4- Border & display
- 4-4- Flex
- 5-4- interaction & overflow
- 6-4- Position
- 7-4- shadows & sizing
- 8-4- Text
- 9-4- vertical align & visibility
-
5 Components
- 1-5- Buttons & Buttons group
- 2-5- list
- 3-5- Collapse
- 4-5- alert & close button
- 5-5- Badge
- 6-5- Breadcrump
- 7-5- Card
- 8-5- Accordion
- 9-5- Carousel
- 10-5- Dropdowns
- 11-5- Modal
- 12-5- Nav & Tabs
- 13-5- Navbar
- 14-5- Offcanvas
- 15-5- Pagination
- 16-5- Popovers
- 17-5- Progress
- 18-5- Scrollspy
- 19-5- Spinner
- 20-5- Toast
- 21-5- Tooltip
- 6-- پروژه
دانشجوی کارشناسی دانشگاه کردستان رشته مهندسی کامپیوتر نرم افزار.
Front-end developer هستم و تجربه کار با فریمورک React را نیز دارم.
مهارتها
HTML5
CSS
Javascript
Bootstrap
Tailwind
Git
