توسعه وب فول استک: HTML ،CSS ،JavaScript ،Bootstrap
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- مقدمهای بر وب
- مقدمهای بر HTML
- بویلرپلیت HTML
- تگهای پاراگراف و قالببندی متن
- تگهای تیتر در HTML
- ویژگیهای عناصر HTML
- ناوبری لینکهای ابرمتن در HTML
- ناوبری لینک در HTML
- تصاویر و چندرسانهای در HTML
- فهرستها در HTML (مرتب، نامرتب، تعریفی)
- جدولها در HTML
- عناصر فرم در HTML
- تگهای معنایی در HTML
- مقدمهای بر CSS
- انتخابگرهای CSS
- مدل جعبهای CSS
- ویژگیهای فونت در CSS
- ویژگیهای متن در CSS
- رنگها در CSS
- نمایش و موقعیتدهی در CSS
- Flexbox در CSS
- نوار ناوبری Flexbox در CSS
- طرح بندی Grid در CSS
- فاصله ستون و فاصله ردیف در Grid CSS
- justify content و align content در Grid CSS
- justify items و align items در Grid CSS
- justify self و align self در Grid CSS
- انتخابگرهای پیشرفته CSS
- پروژه طرح قیمتگذاری با استفاده از طرح بندی Grid در CSS
- مقدمهای بر JavaScript
- متغیرها و انواع داده در JavaScript
- عملگر typeof در JavaScript
- عملگرها در JavaScript
- دستورات شرطی در JavaScript
- حلقهها در JavaScript
- مفاهیم اشکالزدایی
- آرایهها
- توابع
- آبجکت
- مدل آبجکت سند
- JavaScript ناهمگام
- توابع Callback
- مقدمه و راهاندازی Bootstrap
- ویژگیهای جدید در Bootstrap 5
- رنگها و تایپوگرافی در Bootstrap
- دکمهها و گروههای دکمه در Bootstrap
- سیستم شبکهای Bootstrap
- سیستم شبکهای Bootstrap - justify content
- سیستم شبکهای Bootstrap - ترازبندی
- کلاسهای کاربردی Bootstrap (حاشیهها، فاصله داخلی، کادرها)
- کانتینرهای Bootstrap (شناور، ثابت، Breakpoints)
- نوار ناوبری Bootstrap - بخش 1
- نوار ناوبری Bootstrap - بخش 2 (نوار ناوبری واکنشگرا)
- کارتهای Bootstrap
- آکاردئونهای Bootstrap
- گروههای فهرست Bootstrap
- فرمهای Bootstrap - بخش 1 (فرمهای پایه)
- فرمهای Bootstrap - بخش 2 (Select، Checkbox ،Radio)
- فرمهای Bootstrap - بخش 3 (برچسبهای شناور)
- منوهای کشویی Bootstrap
- آیکونهای Bootstrap
پیشنیازهای دوره
- بدون نیاز به دانش یا تجربه قبلی
توضیحات دوره
آیا آمادهاید سفر خود را به دنیای توسعه وب آغاز کنید و وبسایتهای واقعی را از ابتدا بسازید؟ فرقی نمیکند کاملاً مبتدی باشید، دانشجو باشید، جویای کار باشید یا قصد تغییر مسیر به یک شغل در حوزه IT را داشته باشید؛ این دوره هر آنچه را برای درک فناوریهای اصلیِ پشت وبسایتهای مدرن نیاز دارید، در اختیار شما قرار میدهد.
در این دورهی عملی و گامبهگام، HTML ،CSS ،JavaScript و Bootstrap را - چهار ستون اصلی توسعه فرانتاند وب یاد میگیرید. از مبانی شروع میکنید و بهتدریج با اطمینان به سمت ساخت پروژههای واقعی وب پیش میروید.
این دوره طوری طراحی شده که یادگیری را ساده، لذتبخش و کاملاً عملی کند. هیچ پیشزمینهای در برنامهنویسی لازم نیست. هر مفهوم بهصورت شفاف توضیح داده شده و با مثالها، تمرینها و تمرینهای کدنویسی ساختارمند پشتیبانی میشود.
در پایان دوره، میتوانید وبسایتهای خودتان را بسازید، چگونگی عملکرد صفحات وب را درک کنید و اصول محکم برای مسیر آیندهتان در توسعه وب ایجاد کنید.
آنچه یاد خواهید گرفت:
- ساخت صفحات وب کاربردی با HTML
- ایجاد طرح بندی های واکنشگرا و جذاب با CSS
- افزودن تعامل و منطق با JavaScript
- استفاده از Bootstrap برای طراحی وبسایتهای مدرن و سازگار با موبایل
- درک چگونگی رندر شدن صفحات وب توسط مرورگرها
- اعمال مهارتهای واقعی از طریق تمرینهای کدنویسی
- ساخت چندین پروژه کوچک در طول دوره
- کسب اعتمادبهنفس برای حرکت به سمت توسعه فرانتاند یا فولاستک
چرا این دوره؟
این دوره بر شفافیت، سادگی و یادگیری عملی تمرکز دارد. هر درس طوری طراحی شده که دقیقاً همان چیزی را که نیاز دارید آموزش دهد، بدون پیچیدگیهای غیرضروری است. شما با ساختن یاد میگیرید، نه با حفظ کردن
چه بخواهید توسعهدهنده وب شوید، رزومه خود را تقویت کنید، فریلنسری را شروع کنید یا وبسایتهای خودتان را بسازید، این دوره پایهای فراهم میکند تا بتوانید پیش بروید.
این دوره برای چه کسانی است؟
- مبتدیان کامل علاقهمند به یادگیری برنامهنویسی
- دانشجویان و تازهکارهایی که برای نقشهای IT آماده میشوند.
- افرادی که میخواهند مسیر شغلی خود را به فناوری تغییر دهند.
- علاقهمندان به تبدیل شدن به توسعهدهنده فرانتاند
- دانشجویانی که برای پروژههای دانشگاهی یا پورتفولیو پروژه میسازند.
- معلمان، مدرسها یا فریلنسرها
- کارآفرینان و بنیانگذاران استارتاپها
- هر کسی که کنجکاو است بداند وبسایتها چگونه کار میکنند.
در پایان این دوره
شما درک خواهید کرد که وبسایتها چگونه ساخته میشوند، کد تمیز و ساختارمند خواهید نوشت و صفحات وب زیبا و واکنشگرا ایجاد خواهید کرد. همچنین چندین پروژه عملی را تکمیل میکنید که میتوانید در پورتفولیوی خود نمایش دهید.
امروز مسیر یادگیری خود را آغاز کنید و مهارتهای لازم برای ساخت پروژههای واقعی وب را با اطمینان به دست آورید.
این دوره برای چه کسانی مناسب است؟
- دانشجویان و مبتدیان برنامهنویسی
- تازهکارهایی که برای شغلهای IT آماده میشوند.
- افرادی که به دنبال تغییر مسیر شغلی هستند (غیر IT → IT)
- علاقهمندان به توسعه فرانتاند
- دانشجویانی که برای دانشگاه / پورتفولیو پروژه میسازند.
- معلمان، مدرسها یا فریلنسرها
- کارآفرینان و بنیانگذاران استارتاپ
- هر کسی که کنجکاو است بداند وبسایتها چگونه کار میکنند.
توسعه وب فول استک: HTML ،CSS ،JavaScript ،Bootstrap
-
مقدمهای بر وب 16:48
-
مقدمهای بر HTML 29:35
-
بویلرپلیت HTML 02:34
-
تگهای پاراگراف و قالببندی متن 19:42
-
تگهای تیتر HTML و مطالب 09:07
-
ویژگیهای عنصر HTML 07:25
-
ناوبری لینکهای ابرمتن در HTML 16:23
-
ناوبری لینک در HTML - همان صفحه 08:50
-
تصاویر و چندرسانهای HTML 19:42
-
فهرستهای HTML 14:45
-
جدول HTML - بخش 1 10:16
-
جدول HTML - بخش 2 12:31
-
جدول HTML - بخش 3 11:45
-
عناصر فرم HTML 24:55
-
تگهای معنایی HTML 14:12
-
مقدمهای بر CSS 24:30
-
انتخابگرهای CSS - بخش 1 24:05
-
انتخابگرهای CSS - بخش 2 10:48
-
مدل جعبهای CSS - بخش 1 21:23
-
مدل جعبهای CSS - بخش 2 - box sizing 21:40
-
ویژگیهای فونت در CSS - بخش 1 13:15
-
ویژگیهای فونت در CSS - بخش 2 16:17
-
ویژگیهای فونت در CSS - بخش 3 12:40
-
ویژگیهای متن در CSS 19:49
-
ویژگیهای متن در CSS - بخش 2 10:29
-
رنگها در CSS 07:25
-
نمایش و موقعیتدهی در CSS 40:24
-
Flexbox در CSS - بخش 1 38:46
-
Flexbox در CSS - بخش 2 15:27
-
نوار ناوبری Flexbox در CSS 10:31
-
طرح بندی Grid CSS - بخش 1 30:04
-
طرح بندی Grid CSS - بخش 2 31:24
-
فاصله ستون و فاصله ردیف در طرح بندی Grid CSS 09:10
-
justify content و align content در طرح بندی Grid CSS 16:04
-
justify items و align items در طرح بندی Grid CSS 14:14
-
justify self و align self در طرح بندی Grid CSS 14:50
-
انتخابگرهای پیشرفته CSS - بخش 1 23:10
-
پروژه طرح قیمتگذاری با استفاده از طرح بندی Grid در CSS 19:36
-
مقدمهای بر JavaScript 28:55
-
متغیرها و انواع داده در JavaScript 22:56
-
عملگر typeof در JavaScript 11:26
-
عملگرهای JavaScript 34:19
-
دستورات شرطی در JavaScript 22:26
-
حلقهها در JavaScript 12:35
-
مفاهیم اشکالزدایی 17:40
-
آرایهها - بخش 1 23:38
-
آرایهها - بخش 2 13:05
-
توابع - بخش 1 25:35
-
توابع - بخش 2 22:03
-
توابع - بخش 3 27:17
-
آبجکت ها - بخش 1 20:55
-
آبجکت ها - بخش 2 24:28
-
DOM - بخش 1 29:38
-
DOM - بخش 2 16:30
-
DOM - بخش 3 22:42
-
DOM - بخش 4 35:08
-
DOM - بخش 5 06:12
-
DOM - بخش 6 12:39
-
DOM - بخش 7 30:44
-
DOM - بخش 8 15:36
-
DOM - بخش 9 15:12
-
DOM - بخش 10 11:40
-
DOM - بخش 11 11:21
-
ناهمگام - بخش 1 27:41
-
ناهمگام - بخش 2 27:41
-
توابع Callback 28:01
-
Callback Hell 12:08
-
مقدمهای بر Promise - بخش 5 18:31
-
then و catch 15:02
-
Async-Await 20:28
-
Async-Await بخش 2 15:20
-
Callback و ناهمگام 12:21
-
مقدمه و راهاندازی Bootstrap 22:01
-
ویژگیهای جدید Bootstrap 5 05:03
-
رنگها و تایپوگرافی Bootstrap 36:40
-
دکمهها و گروههای دکمه Bootstrap 15:55
-
سیستم شبکهای Bootstrap - بخش 1 18:16
-
سیستم شبکهای Bootstrap - بخش 2 13:51
-
سیستم شبکهای Bootstrap - justify content - بخش 3 08:13
-
سیستم شبکهای Bootstrap - بخش 4 08:13
-
کلاسهای کاربردی Bootstrap - حاشیهها، فاصله داخلی، کادرها 30:54
-
کانتینرهای Bootstrap 19:09
-
نوار ناوبری Bootstrap 19:57
-
نوار ناوبری Bootstrap 19:57
-
کارتهای Bootstrap 22:36
-
آکاردئونها 12:13
-
گروههای فهرست Bootstrap 09:58
-
فرمهای Bootstrap - بخش 1 17:02
-
فرمهای Bootstrap - بخش 2 - Select ،Checkbox ،Radio 12:57
-
13. فرمهای Bootstrap - بخش 3 - برچسبهای شناور 04:46
-
منوهای کشویی Bootstrap 09:42
-
آیکونهای Bootstrap 05:40
مشخصات آموزش
توسعه وب فول استک: HTML ،CSS ،JavaScript ،Bootstrap
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:Alls
- تعداد درس:92
- مدت زمان :30:31:46
- حجم :14.6GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy