توضیحات دوره
در این دوره قدم به قدم با هم از نقطه صفر شروع به پیاده سازی رابط کاربریی که در ویدئوی معرفی مشاهده کردین میکنیم و سعیم همیشه این بوده که تا جایی که ممکنه مباحث و نکات رو طبق اصول و استاندارد صحیح آموزش بدم ، قول میدم این دوره به شدت روی کدنویسی اصولی فرانت شما تاثیر مثبتی میزاره و برای پیاده سازی هر رابط کاربریی با ذهن باز و با آرامش پیش میرین.
همونطور که میدونین سطح این دوره متوسط هست یعنی وقتی اصول پایه ای کدنویسی فرانت یک رابط کاربریی رو درک کنین ، آماده میشین که بصورت پیشرفته پیاده سازی هر رابط کاربریی رو انجام بدین با کیفیت بالا طبق استاندارد و اصول.
استفاده از آخرین نسخه بوت استرپ
در این دوره از آخرین نسخه فریم ورک محبوب css یعنی بوت استرپ ۵ استفاده میکنیم و جالب این هست که برای استفاده از بوت استرپ نسخه ۵ نیاز به جی کوئری نیست و تعدادی از کامپوننت هایی که کدهای جاوااسکریپت داره ، پیاده سازیش با وانیلا جاوااسکریپت بوده که همین مورد از اهمیت بالایی برخورداره و همین طور در این دوره از کامپوننت هایی که استفاده میکنیم ،نحوه سفارشی سازی اون ها رو هم یاد میگیریم.
کدنویسی اصولی المان های HTML
برای اینکه طبق استاندارد پیش بریم ، نام دهی کلاس المان ها رو براساس متدولوژی BEM پیش بردیم که روشی هست کامپوننت محور در زمینهی توسعهی وب که باعث میشه کارایی ، خوانایی و انعطاف پذیری کدهای HTML مون بیشتر بشه و نکته مهمش اینکه در زمانمون صرفه جویی میشه چون ، ساختاری که به وجود آوردیم رو میتونیم استفاده مجدد کنیم بدون کانفیلیگ یا تداخل خاصی.
ریسپانسیو سازی
همه بخش های این رابط کاربریی که با هم پیاده سازی میکنیم ، نیاز هست در موبایل و تبلت هم به درستی و به شکل صحیحی نمایش داده بشه که بصورت اختصاصی برای هر بخش در قالب یک ویدئو مجزا ، روی ریسپانسیو کردن هر بخش کار میکنیم که در نهایت بعد پایان تمام بخش ها ، یک رابط کاربری فول ریسپانسیو رو شاهد خواهیم بود.
وانیلا جاوااسکریپت
بعضی از بخش های این دوره نیاز هست که از جاوااسکریپت استفاده کنیم که کاملا بهینه میایم کدهای جاواسکریپتیمون رو بصورت اصولی برای بخش موردنظر کدنویسی میکنیم در این روند با متد ها ، ساختار کدنویسی و موارد جدید آشنا میشیم که به شدت در پروژه های بعدیتون کمک میکنه.
کلام آخر
همیشه در پروژه هایی که خودم پیاده سازی میکنم دنبال استاندارد ها و کدنویسی اصولی هستم و جدا از مباحث تخصصی علاقه دارم که در آموزش هام این ذهنیت رو به اشتراک بزارم و بتونم در روند توسعه وب با جامعه دولوپرهایی که از این آموزش ها استفاده میکنن و خودم هم خیلی چیزها ازشون یاد میگیرم سهیم باشم.
جلسه 1 - نقشه ذهنی دوره ویدئو
جلسه 2 - نرم افزار های مورد نیاز ویدئو
جلسه 3 - افزونه های مورد نیاز VSCode ویدئو
جلسه 4 - پیکر بندی پروژه ویدئو
جلسه 5 - اضافه کردن فونت به پروژه ویدئو
جلسه 6 - اضافه کردن فونت آیکن به پروژه ویدئو
جلسه 7 - پیاده سازی المان های (بخش هدر) ویدئو
جلسه 8 - تعریف CSS Rest و رنگ های سازمانی پروژه ویدئو
جلسه 9 - استایل دهی بخش هدر (قسمت اول) ویدئو
جلسه 10 - پیاده سازی زیر منو ویدئو
جلسه 11 - اضافه کردن آیکن به منو با وانیلا جاوااسکریپت ویدئو
جلسه 12 - ریسپانسیو سازی بخش هدر ویدئو
جلسه 13 - سفارشی سازی منو هدر در حالت ریسپانسیو (بخش اول) ویدئو
جلسه 14 - سفارشی سازی منو هدر در حالت ریسپانسیو (بخش آخر) ویدئو
جلسه 15 - پیاده سازی المان های (بخش خدمات ما) ویدئو
جلسه 16 - استایل دهی (بخش خدمات ما) ویدئو
جلسه 17 - ریسپانسیو سازی (بخش خدمات ما) ویدئو
جلسه 18 - کدهای جاوااسکریپت (بخش خدمات ما) ویدئو
جلسه 19 - پیاده سازی المان های (بخش درباره ما) ویدئو
جلسه 20 - استایل دهی و ریسپانسیو سازی (بخش درباره ما) ویدئو
جلسه 21 - پیاده سازی المان های (بخش مقالات) ویدئو
جلسه 22 - استایل دهی (بخش مقالات) ویدئو
جلسه 23 - ریسپانسیو سازی (بخش مقالات) ویدئو
جلسه 24 - پیاده سازی المان های (بخش ویدئوها) ویدئو
جلسه 25 - استایل دهی (بخش ویدئوها) ویدئو
جلسه 26 - ریسپانسیو سازی (بخش ویدئوها) ویدئو
جلسه 27 - پیاده سازی المان های (بخش فوتر) ویدئو
جلسه 28 - استایل دهی (بخش فوتر) ویدئو
جلسه 29 - ریسپانسیو سازی (بخش فوتر) ویدئو
دوره های مرتبط
مجموعه 15 عددی از فونت های طراحی لوگو (لوگوتایپ)
در این مجموعه برای شما پک 15تایی از فونت های ویژه طراحی لوگو (لوگوتایپ) را آماده کرده ایم اگر شما…
قالب رایگان استادیار Studiare پوسته دوره های آنلاین آموزشی (نسخه 12) + پیشنمایش
قالب استادیار قالب Studiare یک قالب وردپرس برای سایتهای آموزشی، دانشگاهی و کسب کارهای آنلاین است. این قالب به طور…
دانلود رایگان قالب های پولی و فارسی وردپرس 100درصد تضمینی + فیلم آموزشی
در پکیج آموزش طراحی سایت دو و چند زبانه، تمام ابزارهای مورد نیاز برای چندزبانه کردن یک وبسایت وردپرسی، در اختیار شما قرار گرفته است.
قوانین ثبت دیدگاه