از ابتدا یک توسعهدهنده وب شوید - راهنمای گام به گام
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- مفاهیم وب که هر توسعهدهنده وب باید بداند.
- یاد میگیرید که چگونه صفحات وب و وب اپلیکیشن های خود را بسازید.
- یاد میگیرید که چگونه هر بخشی از یک صفحه وب را بازسازی کنید.
- میتوانید تصمیم بگیرید که آیا میخواهید یک توسعهدهنده شوید یا به سراغ زبانهای برنامهنویسی دیگری بروید.
توضیحات دوره
ما مفاهیم اولیه HTML و CSS را که باید بدانیم، یاد میگیریم. مهمترین بخشهای توسعه وب را کشف میکنیم و میفهمیم که چگونه کار میکنند و چرا به آن شکل رفتار میکنند. پس از آن، قادر خواهیم بود هر بخشی از یک صفحه وب را بازسازی کنیم.
مدرس برخی از css layouts (Css Layout، فلکسباکس، گرید لِایوت) و مفاهیم آن را توضیح میدهیم تا بتوانید هر طرح بندی یا صفحهای را سازماندهی و ایجاد کنید. همچنین اگر میخواهید انتخابگرهای CSS را بهتر بشناسید، این موضوع را نیز پوشش خواهیم داد.
شما 2 پروژه خواهید ساخت که در آنها دانش کسبشده در طول دوره را اعمال کنید.
ما هر دو پروژه را گام به گام میسازیم و شما باید بتوانید کدی را که مدرس مینویسم، تایپ کرده و نتایج را ببینید.
جاوا اسکریپت خالص حیاتی است، بنابراین باید زمان بیشتری را صرف درک چگونگی کارکرد JS و مفاهیم کلیدی این زبان برنامهنویسی کنیم. تمام مفاهیم JS را که باید بدانید تا بتوانید هر پروژه وبی را شروع کنید و همچنین کد دیگران را در آینده بفهمید، توضیح خواهد داد. کار با داده و درک و ایجاد جریانها دراپلکیشن های ما بخش بزرگی از این دوره خواهد بود.
مدرس به شما یاد میدهد که چگونه از VSCode به عنوان یک ویرایشگر IDE استفاده کنید و چگونه کد خود را در GitHub ذخیره کنید. از فرمان های اولیه git که هر برنامهنویسی باید بداند، استفاده خواهیم کرد.
اگر یک توسعهدهنده بکاند هستید که میخواهد درباره چگونگی ایجاد رابطهای وب خود بیشتر بداند، این دوره میتواند به شما کمک کند!
چندین کلمه کلیدی جاوا اسکریپت که به آنها خواهم پرداخت:
- کمککنندههای آرایه، JSON ،DOM، رویدادها، callback ،promises، توابع خالص
این دوره برای چه کسانی مناسب است؟
- این دوره را بگذرانید اگر میخواهید یک توسعهدهنده وب شوید، اما نه فقط وب، زیرا مهارتهای برنامهنویسی اولیه را یاد میگیریم.
- اگر برای انتخاب دورههای حضوری یا حتی دانشگاه تصمیم نگرفتهاید، این دوره میتواند به شما کمک کند.
- اگر از قبل توسعهدهنده #Java/C هستید و میخواهید وب را یاد بگیرید، این دوره به شما کمک میکند تا رشد کنید.
از ابتدا یک توسعهدهنده وب شوید - راهنمای گام به گام
-
درباره این دوره 01:50
-
زمان دمو 05:46
-
ضرورت تگهای HTML 13:54
-
لیستها 06:29
-
جداول 11:44
-
Prettier - قالببندی کد 08:24
-
تورفتگی کد و عیب یابی 23:36
-
تصاویر، لینکها و فرمها 20:18
-
بیشتر درباره فرمها و نوع ورودیها 17:48
-
بررسی عناصر از وبسایتها 18:09
-
ویژگیها و استایلدهی به عناصر در HTML 18:19
-
سند استاندارد HTML و همزمان سازی مرورگر 11:28
-
انتخابگرهای CSS 13:34
-
منو با css layouts 17:49
-
بررسی CSS از سایتهای دیگر 16:37
-
طرح بندی Flexbox 24:17
-
اعمال طرح بندی Flexbox در صفحه ما 10:20
-
مثال طرح بندی Grid 15:10
-
طرح بندی Grid برای وجه مکعب روبیک 15:13
-
CSS نهایی برای سایت ما 22:02
-
دموی DHTML 10:07
-
متغیرها 20:07
-
متغیرهای آبجکت ها 25:28
-
توابع 13:07
-
آبجکت های JSON با توابع داخلی 14:55
-
شنوندههای رویداد JS (تعامل با منوی ما) 24:12
-
ذخیره کد ما روی github.com 19:58
-
ایجاد تغییرات و استفاده از git برای ردیابی آنها 21:37
-
عمومی کردن سایت ما (لایو) 10:31
-
استفاده از متغیرهای سراسری 12:33
-
افزودن شنوندههای رویداد بر روی عناصر والد 20:59
-
querySelector با ویژگیها 20:31
-
استفاده از Array.map برای ایجاد لیست مهارتها 13:55
-
استفاده از آرایه با آبجکت های JSON درونی 12:56
-
ارسال درخواست برای بارگذاری داده (Fetch) 20:42
-
مرتبسازی مهارتها بر اساس تعداد تأییدیهها 12:29
-
جمعبندی 15:48
-
مقایسه اولیه ES5 و ES6 26:15
-
توابع اولیه رشتهای 17:48
-
آزمون اولیه جاوااسکریپت 21:19
-
آزمون مقدماتی JSON 16:23
-
ساخت مخزن جدید گیت 12:17
-
مقداردهی اولیه پروژه برای استفاده از Prettier 11:41
-
مقداردهی اولیه پروژه برای استفاده از npm 10:58
-
پیکربندی پروژه برای استفاده از webpack 21:10
-
تغییر ایمپورت کردن js و css 12:54
-
ایجاد ساختار HTML و CSS (طرحبندی) 24:33
-
ایجاد جدول استاتیک و زیبا کردن ظاهر آن 09:48
-
بارگذاری تیمها با جاوااسکریپت از teams.json 11:22
-
رندر کردن آیتمها با استفاده از قالب رشتهای 16:17
-
ایجاد طرحبندی نوار ابزار 09:43
-
بارگذاری داده از node-API 14:45
-
فرم استاتیک برای ایجاد تیم 18:28
-
بروزرسانی مستندات درباره چگونگی شروع پروژه 08:54
-
ایجاد درخواست تیم 24:51
-
منتظر ماندن برای اتمام درخواست و سپس بارگذاری مجدد صفحه 15:28
-
درخواست حذف تیم 19:13
-
درخواست بروزرسانی تیم (array.find) 34:40
-
رفع بخشهای ناقص جریان ویرایش 19:41
-
جستجوی تیمها (با استفاده از array.filter) 22:08
-
عملگر منطقی NOT (!) و عملگر سهتایی 16:58
-
توابع خالص 13:56
-
بهبود تجربه کاربری برای جریان ایجاد تیم 15:10
-
بهبود تجربه کاربری برای جریان حذف تیم 08:19
-
ارجاع آبجکت و تغییرات آن 17:50
-
بهبود تابع renderTeams (array.every) 28:04
-
عملگر spread 15:56
-
عملگر spread بر روی آبجکت json 19:52
-
انتساب تخریبی 17:42
-
پارامتر Rest 09:13
-
Fetch و promises 16:32
-
استفاده از promises با async و await 17:43
-
ایمپورت کردن و استفاده از lodash/debounce 13:47
-
تقسیم کد به چندین فایل js (utilities ،middleware) 09:18
-
ماسک بارگذاری CSS 11:13
-
استفاده از ماسک بارگذاری در همه جا 08:15
-
انتخاب چند تیم (بخشهای ایستا) 07:32
-
انتخاب و عدم انتخاب همه تیمها 06:23
-
حذف تیمهای انتخاب شده (بخش نهایی) 17:59
-
بروزرسانی فایل readme، پاکسازی + ساخت و دمو 09:33
-
تمرین 05:17
مشخصات آموزش
از ابتدا یک توسعهدهنده وب شوید - راهنمای گام به گام
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:81
- مدت زمان :21:09:50
- حجم :11.63GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy