وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

بوت کمپ 100 روزه کدنویسی وب

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

یادگیری توسعه وب از A به Z در 100 روز (یا در سرعت خود) - از "پایه" به "پیشرفته"، این همه شامل!

عنوان اصلی : 100 Days Of Code - Web Development Bootcamp [2022]

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

مقدمه [روز 1] :
به انجمن آموزشی ما بپیوندید!
نحوه استفاده از کد پیوست [روز 1]
ساخت اولین وب سایت: مبانی HTML و CSS [روزهای 1 تا 5]:
معرفی ماژول [روز اول]
نحوه ایجاد یک وب سایت [روز اول]
ایجاد اولین صفحه HTML ما [روز اول]
راه اندازی یک محیط توسعه [روز دوم]
چرا کد ویژوال استودیو؟ [روز دوم]
درک عناصر HTML [روز 2]
کدام عناصر HTML وجود دارد؟ [روز دوم]
افزودن یک عنصر HTML دیگر [روز 2]
کاوش ویژگی‌های HTML [روز ۲]
بررسی یادگیری: مبانی HTML [روز 2]
شروع با CSS (روز 2)
استایل‌سازی بیشتر CSS [روز ۲]
کار با رنگ ها [روز 3]
قالب‌بندی کد ما [روز 3]
کار با ابزارهای توسعه دهنده مرورگر [روز 3]
افزودن پیوند [روز 3]
شما می‌توانید عناصر HTML را Nest کنید! [روز سوم]
استفاده از سبک‌های جهانی CSS [روز 3]
قالب‌بندی کد CSS [روز 3]
اسکلت و فراداده سند HTML [روز 3]
میانبرها و ترفندهای کد ویژوال استودیو [روز 3]
نظرات کد [روز 3]
خلاصه اول [روز 3]
بررسی یادگیری: مبانی HTML و CSS [روز 3]
طرح دادن عنصر Anchor همچنین با Pseudo Hover [روز 4]
چرا به آن برگه‌های سبک آبشاری می‌گویند [روز چهارم]
ذخیره کد CSS در فایل های خارجی [روز 4]
نحو عنصر خالی [روز 4]
چند فایل و درخواست [روز 4]
انتخاب عناصر منفرد با انتخابگر شناسه [روز 4]
کار با "font-size" و "px" [روز 4]
استفاده از قلم‌های دیگر از فونت‌های Google [روز ۴]
درک نحوه مدیریت متن و فضای خالی HTML و CSS [روز پنجم]
افزودن تصویر [روز پنجم]
استایل دادن به تصویر و استفاده از برچسب بدن [روز پنجم]
طراحی طرح کلی پس‌زمینه صفحه [روز پنجم]
افزودن دومین فایل HTML [روز پنجم]
یک کلمه درباره قراردادهای نام فایل [روز پنجم]
بررسی یادگیری: ویژگی‌های بیشتر HTML و CSS [روز پنجم]
زمان برای تمرین - اولین چالش شما! [روز پنجم]
استفاده از یک فایل CSS مشترک [روز پنجم]
سازماندهی فایل های منبع در پوشه ها [روز 5]
خلاصه [روز پنجم]
غواصی عمیق تر در HTML و CSS [روزهای 6 - 8]:
معرفی ماژول [روز ششم]
استفاده از برنامه افزودنی سرور زنده [روز 6]
سرور توسعه و آدرس وب سایت محلی [روز ششم]
فهرست های درک [روز 6]
ایجاد فهرست [روز ششم]
درک والدین، فرزندان، ظروف و موارد دیگر [روز ششم]
درک آبشاری، وراثت و ویژگی [روز 6]
استایل دادن به صفحه کامل هفته [روز ششم]
معرفی مدل جعبه CSS [روز هفتم]
استفاده از مدل جعبه CSS [روز هفتم]
ایجاد طرح‌بندی‌های HTML [روز ۷]
نظریه: انتخاب‌کنندگان و ترکیب‌کننده‌ها [روز هفتم]
استفاده از انتخابگرها و ترکیب‌کننده‌ها [روز هفتم]
کلاس های درک [روز هفتم]
Block vs Inline Elements [روز 7]
تفاوت‌های استایل بین عناصر بلوک و درون خطی [روز هشتم]
درک فروپاشی حاشیه [روز هشتم]
دارایی "box-shadow" [روز هشتم]
چالش شما! [روز هشتم]
ایجاد چیدمان HTML [روز هشتم]
استایل دادن به بخش اصلی [روز هشتم]
استایل دادن به تصاویر و کار با حاشیه های منفی [روز هشتم]
کارهای پایانی [روز هشتم]
خلاصه ماژول [روز هشتم]
فهرستی از همه انتخابگرهای CSS [روز هشتم]
HTML و CSS - تمرین و خلاصه [روزهای 9 - 10]:
معرفی ماژول [روز نهم]
وظیفه شما! [روز نهم]
ایجاد ساختار اصلی [روز نهم]
افزودن محتوای سرصفحه [روز نهم]
افزودن استایل سرصفحه [روز نهم]
Spacing & the CSS Box Model [روز نهم]
افزودن محتوای اصلی [روز نهم]
استایل دادن به محتوای اصلی [روز دهم]
موارد و پیوندهای فهرست استایل [روز 10]
افزودن پاورقی [روز 10]
معرفی عناصر جدید HTML [روز دهم]
سازماندهی فایل های ما [روز دهم]
خلاصه ماژول [روز دهم]
ارائه یک وب سایت (میزبانی و استقرار) [روز یازدهم]:
معرفی ماژول [روز یازدهم]
"میزبانی" و "استقرار" چیست؟ [روز یازدهم]
میزبانی اولین وب سایت ثابت (مثال استقرار در Netlify) [روز یازدهم]
اطلاعات بیشتر در مورد Netlify و HTTPS [روز ۱۱]
افزودن فاویکون [روز یازدهم]
مسیرهای نسبی در مقابل مطلق [روز یازدهم]
وب سایت خود را به اشتراک بگذارید! [روز یازدهم]
معرفی نسخه کنترل با Git & GitHub [روزهای 11 - 14]:
معرفی ماژول [روز یازدهم]
Git و GitHub چیست؟ [روز یازدهم]
رابط خط فرمان (CLI) در مقابل رابط کاربری گرافیکی (GUI) [روز 11]
اختیاری: MacOS Terminal (z Shell) Crash Course [روز 11]
اختیاری: Windows Command Prompt (cmd) Crash Course [روز ۱۲]
Git: نصب MacOS [روز دوازدهم]
Git: نصب ویندوز [روز دوازدهم]
درک اصول Git [روز دوازدهم]
راه اندازی مخزن و ایجاد اولین کامیت ما [روز دوازدهم]
فعال کردن "کد لنز" در کد ویژوال استودیو [روز سیزدهم]
درک شاخه ها، ادغام و رفع تضادهای ادغام [روز 13]
حذف شاخه‌ها و تعهدات، برگرداندن تغییرات مرحله‌ای و بدون مرحله [روز سیزدهم]
به GitHub - چه و چرا؟ [روز سیزدهم]
ایجاد یک حساب GitHub و یک مخزن راه دور [روز سیزدهم]
لطفا بخوانید: فقط کاربران ویندوز
درکو رمز دسترسی شخصی و "کلون گیت" [روز 14]
همکاری در پروژه ها - همکاران و سازمان ها [روز چهاردهم]
مشارکت در پروژه‌ها - درخواست‌های فورک و کشش [روز ۱۴]
پایان [روز چهاردهم]
درک طرح‌بندی و موقعیت‌یابی HTML و CSS [روزهای 15 تا 20]:
معرفی ماژول [روز پانزدهم]
نمای کلی پروژه - آنچه خواهیم ساخت [روز پانزدهم]
راه اندازی پروژه [روز پانزدهم]
ایجاد ساختار صفحه فرود [روز پانزدهم]
افزودن لوگوی صفحه [روز پانزدهم]
افزودن پیمایش صفحه [روز 15]
معرفی CSS Flexbox [روز پانزدهم]
تراز کردن موارد فلکس [روز پانزدهم]
چالش Flexbox شما! [روز شانزدهم]
افزودن Flexbox به پروژه ما [روز 16]
افزودن تصویر پس زمینه [روز شانزدهم]
ایجاد ظرفی برای محتوای قهرمان [روز شانزدهم]
عناصر تعیین موقعیت [روز شانزدهم]
استایل دادن به محتوای قهرمان [روز شانزدهم]
درک موقعیت یابی ثابت و مطلق [روز شانزدهم]
کار با % واحدها و ایجاد نوار پیمایش برتر [روز 17]
اتمام سربرگ [روز 17]
معرفی بخش «برترین‌ها» [روز هفدهم]
ایجاد کد HTML [روز 17]
ساخت کانتینر فلکس [روز هفدهم]
چیدمان مورد فلکس [روز 17]
استایل دادن به تصاویر با "ابجیت متناسب" [روز هفدهم]
متن سبک [روز هفدهم]
لطفاً بخوانید: افزودن "justify-content" [روز 17]
درک والدین - کاهش حاشیه کودک [روز 18]
کار با توابع CSS - گرادیان های خطی [روز 18]
مرحله بعدی [روز 18]
ایجاد بخش پاورقی [روز 18]
استایل دادن به پاورقی [روز 18]
صفحه مکان ها - بررسی اجمالی و آماده سازی [روز 18]
ایجاد محتوای کارت [روز 18]
استفاده از "position: static" [روز 18]
ایجاد ظاهر کارت [روز 19]
درک "سرریز" و چالش شما! [روز نوزدهم]
حل چالش [روز 19]
ایجاد همه کارت ها [روز 19]
شبکه CSS - نظریه [روز نوزدهم]
درک انتخابگر "نوع n" و "ستون‌های شبکه‌ای-الگو" [روز 19]
چالش شبکه شما [روز بیستم]
کار با Unicode UTF-8 [روز بیستم]
کارهای پایانی [روز بیستم]
خلاصه ماژول [روز بیستم]
اختیاری: غواصی عمیق‌تر در «موقعیت»، Flexbox & Grid [روز بیستم]
درک طراحی وب ریسپانسیو [روزهای 20 تا 24] :
معرفی ماژول [روز بیستم]
بررسی اجمالی پروژه [روز بیستم]
لطفا بخوانید: سخنرانی های اختیاری [روز بیستم]
اختیاری: چالش شما - ایجاد ساختار HTML [روز بیستم]
اختیاری: راه حل چالش - ساختار HTML [روز بیستم]
اختیاری: حالت دادن به سربرگ [روز 21]
اختیاری: سبک دادن به بخش "اصلی" [روز 21]
طراحی واکنشگرا چیست؟ [روز بیست و یکم]
مشکل پیکسل ها [روز بیست و یکم]
معرفی "em" و "rem" [روز 21]
اعمال "em" و "rem" برای اندازه قلم [روز 22]
Deep Dive: "em" در مقابل "rem" در مقابل "%" [روز 22]
به روز رسانی واحدهای پروژه [روز 22]
مقایسه اولین طراحی دسکتاپ و موبایل [روز 22]
درک پرسش های رسانه ای [روز 22]
افزودن پرسش‌های رسانه‌ای به پروژه [روز 23]
چالش پرسش های رسانه ای شما! [روز 23]
کشوی کناری و نماد همبرگر - نظریه [روز 23]
ایجاد دکمه همبرگر [روز 23]
ایجاد کشوی کناری [روز 23]
درک قطعات HTML [روز 23]
درک انتخابگر هدف [روز 24]
تمام کشوی کناری [روز ۲۴]
معرفی ویژگی "z-index" [روز ۲۴]
خلاصه ماژول [روز 24]
ایجاد وب سایت های زیبا [روزهای 24 تا 25] :
معرفی ماژول [روز ۲۴]
سه نکته را که باید به خاطر بسپارید [روز ۲۴]
معرفی پروژه ماژول [روز 24]
اندازه و فاصله [روز ۲۴]
انتخاب فونت مناسب [روز ۲۴]
درک اهمیت رنگ‌های خاکستری، اصلی و برجسته [روز ۲۴]
معرفی متغیرهای CSS / ویژگی‌های سفارشی CSS [روز ۲۵]
متغیرهای CSS در عمل [روز ۲۵]
مقایسه انتخابگرهای "root" در مقابل "html" در مقابل "*" [روز ۲۵]
درک تبدیل CSS [روز ۲۵]
افزودن انتقال CSS [روز ۲۵]
کار با SVG [روز ۲۵]
افزودن فرم‌ها به وب‌سایت‌ها [روزهای 26 - 29]:
معرفی ماژول [روز 26]
چی و چرا [روز ۲۶]
عناصر مهم HTML فرم [روز 26]
اولین عنصر ورودی ما [روز 26]
افزودن یک دکمه [روز 26]
عنصر فرم، ارسال فرم و انواع مختلف درخواست [روز 26]
استایل دادن به عنصر فرم [روز 27]
افزودن برچسب ها [روز 27]
استایل‌سازی فرم‌های دقیق‌تر [روز ۲۷]
درک انواع ورودی های مختلف [روز 27]
درک ایمیل، اعداد، رمز عبور و انواع تاریخ [روز 27]
کار با دکمه های رادیویی [روز 27]
استفاده از چک باکس ها [روز ۲۸]
عنصر Textarea برای متن طولانی تر [روز 28]
افزودن یک کشویی [روز ۲۸]
فرم ها و معناشناسی (ساختار فرم ها) [روز 28]
اطلاعات بیشتر در مورد دکمه‌های فرم [روز ۲۸]
ویژگی های اعتبارسنجی [روز 28]
ویژگی‌های ورودی و فرم بیشتر [روز ۲۸]
چالش شما! [روز 29]
چالش: ساختار و استایل صفحه پایه [روز 29]
بررسی یادگیری: فرم‌های وب [روز 29]
چالش: اولین مجموعه از عناصر ورودی [روز 29]
چالش: افزودن عناصر باقیمانده [روز 29]
چالش: ارسال و اعتبارسنجی [روز 29]
چالش: استایل کردن [روز 29]
درک مبانی جاوا اسکریپت [روزهای 29 - 33]:
معرفی ماژول [روز 29]
جاوا اسکریپت چیست و چرا باید از آن استفاده کنیم؟ [روز 29]
آنچه در این ماژول خواهید آموخت [روز 29]
معرفی مقادیر و متغیرها [روز 29]
افزودن عنصر HTML "اسکریپت" [روز 30]
کار با مقادیر و دستورات پایه جاوا اسکریپت [روز 30]
معرفی متغیرها ("ظروف داده") [روز 30]
نگاهی دقیق تر به نحو جاوا اسکریپت [روز 30]
یک متغیر دوم و زمان تمرین! [روز سی ام]
برون سپاری کد جاوا اسکریپت به فایل های خارجی [روز 30]
معرفی آرایه ها (مدیریت لیست داده ها) [روز 30]
معرفی اشیا (گروه‌بندی داده‌های مرتبط) [روز 30]
تقسیم کد در چند خط [روز سی و یکم]
دسترسی به ویژگی‌های شی [روز 31]
انجام عملیات [روز 31]
به سمت دستورات سفارشی! [روز سی و یکم]
معرفی توابع [روز سی و یکم]
توابع و متغیرها [روز 31]
بازگرداندن مقادیر در توابع [روز 31]
انتقال داده به توابع با پارامترها [روز 31]
توابع - خلاصه [روز 31]
زمان تمرین: مشکل [روز 32]
زمان تمرین: راه حل [روز 32]
معرفی روشها [روز 32]
آسان‌تر کردن زندگی برنامه‌نویس ما (ورود به سیستم با console.log()) [روز ۳۲]
عملیات ریاضی و کار با انواع مختلف مقادیر [روز 32]
اپراتور مدول [روز 32]
عملیات و قوانین ریاضی [روز 32]
اجرای عملیات رشته (متن) [روز 32]
اپراتورهای جاوا اسکریپت، اپراتورهای کوتاه و انواع ارزش [روز 32]
عملیات رشته و روشهای رشته [روز 32]
عملیات آرایه پایه [روز 33]
تقسیم کد جاوا اسکریپت در چندین فایل [روز 33]
خلاصه ماژول [روز 33]
بررسی یادگیری: مبانی جاوا اسکریپت [روز 33]
جاوا اسکریپت پیشرفته: کار با DOM [روزهای 33 - 37]:
معرفی ماژول [روز 33]
راه اندازی اولیه ما [روز 33]
اشیاء جهانی "پنجره" و "سند" [روز 33]
"DOM" چیست؟ [روز سی و سوم]
کاوش در DOM [روز 33]
حفاری در DOM برای انتخاب و تغییر عناصر HTML [روز 33]
بارگیری صحیح اسکریپت ما [روز 33]
درخت DOM و پیمایش DOM [روز 33]
حفاری در DOM و کاوش گره های متن [روز 34]
محدودیت‌های حفاری DOM [روز 34]
جستجوی DOM برای عناصر [روز 34]
عناصر پرس و جو [روز 34]
روشهای رایج پرس و جو [روز 34]
زمان تمرین: مشکل [روز 34]
زمان تمرین: راه حل [روز 34]
مراحل بعدی [روز 34]
درج عناصر جدید HTML از طریق جاوا اسکریپت [روز 34]
حذف عناصر DOM [روز 35]
حرکت عناصر موجود در اطراف [روز 35]
کار با "innerHTML" [روز 35]
بررسی یادگیری: جاوا اسکریپت و DOM [روز 35]
معرفی رویدادها [روز سی و پنجم]
افزودن اولین "کلیک" شنونده رویداد [روز 35]
گوش دادن به رویدادهای ورودی کاربر [روز 35]
شیء "رویداد" [روز 35]
بررسی یادگیری: جاوا اسکریپت و رویدادهای DOM [روز 35]
نمایش و نمونه واقعی تر [روز 36]
معرفی "متغیرهای ثابت" ("ثابت") [روز 36]
تغییر سبک عنصر با جاوا اسکریپت [روز 36]
مدیریت کلاس های CSS با جاوا اسکریپت [روز 36]
خلاصه ماژول [روز 36]
زمان تمرین: مشکل [روز 37]
زمان تمرین: راه حل [روز 37]
جاوا اسکریپت پیشرفته: ساختارهای کنترل [روزهای 37 - 39]:
معرفی ماژول [روز 37]
شروع با "ساختارهای کنترل" [روز 37]
معرفی مقادیر بولی ("Booleans") و عملگرهای مقایسه [روز 37]
Booleans & Comparison Operators In Action [روز 37]
استفاده از Booleans در عبارات "if" (اجرای کد مشروط) [روز 37]
یک مثال واقعی [روز 38]
گزینه‌های جایگزین با «دیگر» و «اگر دیگر» [روز 38]
اطلاعات بیشتر در مورد ارزش های بولی [روز 38]
ارزش‌های «حقیقت» و «کاذب» [روز 38]
بررسی یادگیری: بیانیه‌های "اگر" [روز 38]
معرفی حلقه ها (اجرای مکرر کد) [روز 38]
حلقه منظم "for" [روز 38]
حلقه "for-of" (برای آرایه ها) [روز 38]
استفاده از حلقه "for" منظم با آرایه ها [روز 38]
حلقه "for-in" (برای اشیا) [روز 38]
حلقه "while" [روز 38]
زمان تمرین: راه اندازی و حلقه "for" [روز 39]
زمان تمرین: حلقه "for-of" [روز 39]
زمان تمرین: حلقه "for-in" [روز 39]
زمان تمرین: حلقه "در حالی که" [روز 39]
خلاصه ماژول [روز 39]
بررسی های یادگیری: حلقه ها [روز 39]
پروژه Milestone: Building a Tic-Tac-Toe Game [روزهای 40 - 44]:
معرفی ماژول [روز 40]
برنامه ریزی پروژه [روز 40]
ایجاد ساختار HTML [روز 40]
افزودن سبک‌های صفحه پایه [روز ۴۰]
افزودن استایل برای منطقه پیکربندی بازی [روز ۴۱]
Styling The Game Board [روز 41]
افزودن جاوا اسکریپت، فایل‌های اسکریپت و اولین شنوندگان رویداد [روز ۴۱]
نمایش و پنهان کردن مدال پیکربندی (O

نمایش سرفصل های انگلیسی

100 Days Of Code - Web Development Bootcamp [2022]

83,800 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
خرید دانلودی فوری

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

ایمیل شما:
تولید کننده:
شناسه: UD21250
حجم: 33028 مگابایت
مدت زمان: 4748 دقیقه
تعداد دیسک: 9 عدد
زیرنویس انگلیسی: دارد
زبان: انگلیسی ساده و روان
تاریخ انتشار: 14 دی 1400
بوت کمپ 100 روزه کدنویسی وب
بوت کمپ 100 روزه کدنویسی وب 1
بوت کمپ 100 روزه کدنویسی وب 2
بوت کمپ 100 روزه کدنویسی وب 3
بوت کمپ 100 روزه کدنویسی وب 4
بوت کمپ 100 روزه کدنویسی وب 5
بوت کمپ 100 روزه کدنویسی وب 6
طراحی سایت و خدمات سئو

83,800 تومان
افزودن به سبد خرید