بوت کمپ آموزش Front-End
0 درس از 91 درس کامل شده
0%
پیش نیازها
معرفی دوره
کلید موفقیت در دوره
نیازمندیها
سرفصلهای دوره
برنامه نویسی فرانت اند چیست؟
ماژول ۱: بررسی مباحث مقدماتی
معرفی ماژول ۱
آشنایی با کامپیوتر
آناتومی یک کامپیوتر
نحوه نمایش اطلاعات در کامپیوتر
اعداد باینری در کامپیوتر
تمرین: تبدیل اعداد به باینری
تبدیل کاراکترهای Ascii به باینری
کاراکترهای Ascii
تمرین: تبدیل کاراکترهای Ascii
نمایش تصاویر بصورت باینری در کامپیوتر
چگونه برنامه کامپیوتری بنویسیم؟
چرخه عمر یک برنامه کامپیوتری
کامپایلر چیست و چگونه کار می کند؟
interpreter چیست و چگونه کار می کند؟
مقایسه compiler و interpreter
آزمون: مبانی کامپیوتر
حل مسئله
مقدمه ای بر حل مسئله
شبه کد یا Pseudocode
فلوچارت یا Flowchart
تمرین: میانگین دو عدد را محاسبه کنید
آزمون: حل مسئله
متغیرها یا Variables
متغیر یا Variable چیست؟
انواع داده متغیرها
هزینه سوخت یک سفر را محاسبه کنید
مثال: مقادیر دو متغیر را عوض کنید
تمرین: مقادیر را بدون استفاده از متغیر اضافی عوض کنید
آزمون: متغیرها
تصمیم گیری در برنامه‌های کامپیوتری
مقدمه ای بر تصمیم گیری در برنامه‌های کامپیوتری
مثال: عدد بزرگتر را پیدا کنید
مثال: زوج یا فرد بودن یک عدد را مشخص کنید
تمرین: قدر مطلق یک عدد را محاسبه کنید
مثال: دسته BMI را تعیین کنید
مثال: محاسبه هزینه رزرو یک فضای کاری اشتراکی
تمرین: واجد شرایط بودن شغل را بررسی کنید
تکرار در برنامه‌های کامپیوتری
مقدمهای بر تکرار در برنامهها کامپیوتری
مثال: اول بودن یک عدد را مشخص کنید
مثال: تعداد n عدد اول را بیابید
تمرین: فاکتوریل عدد داده شده را محاسبه کنید
اینترنت و DNS
مرورگرهای اینترنتی
وب چیست؟
سوییچ - switch
روتر - router
بسته بندی اطلاعات - packets
پروتکل TCP
HTTP و HTTPS
آدرس IP
DNS چیست؟
HTTP
HTTP Status Code
شماره پورت - Port Number
HTTP Request Method
ماژول ۲: شروع برنامه نویسی Front-End
مبانی VSCode
Visual Studio Code چیست؟
کار با Status Bar در VSCode
توضیح Explorer در VSCode
جستجو در یک فایل و در کل پروژه
تغییر ظاهر و Theme در VSCode
نصب افزونه و پلاگین در VSCode
انجام تنظیمات در VSCode
همگام سازی تنظیمات در چند کامپیوتر
کلیدهای Shortcut در VSCode
معرفی امکانات Web Developer Tools
Web Developer Tools چیست؟
معرفی کلی ابزارها
معرفی تب Elements
معرفی تب Elements - بخش ۲
تب Console
تب source
تب Network
تب Application
تعاریف اولیه
HTML و CSS چیست
تاریخچه HTML و CSS
معرفی Tag و Attribute در HTML
تگ های پایه - HTML 5 Basic Tags
تگ <doctype>
تگ <html>
تگ <head>
تگ <title>
تگ <body>
تگ <p> - پاراگراف
تگ <br>
تگهای <h1> - <h6>
تگ <hr>
تعریف comment - توضیحات در کد
خلاصه فصل تگهای پایه در HTML 5
لینک‌ها - HTML 5 Links
معرفی لینک‌ها و انواع آنها
تگ <a>
تعریف لینک به ایمیل و تماس
وارد کردن فایل CSS خارجی به پروژه
تگ <nav>
خلاصه فصل لینک‌ها