Coding
@ApkClub⚠️ لازم به ذکر است این دوره رو از پارت 1 تا 4 باید حتما دانلود کنید تا بتونید بدون مشکل extract کنید
در صورت خرابی لینک به ID زیر در تلگرام مراجعه کنید
🆔 @Sky624
توضیحات دوره
در این دوره قدم به قدم با هم از نقطه صفر شروع به پیاده سازی رابط کاربریی که در ویدئوی معرفی مشاهده کردین میکنیم و سعیم همیشه این بوده که تا جایی که ممکنه مباحث و نکات رو طبق اصول و استاندارد صحیح آموزش بدم ، قول میدم این دوره به شدت روی کدنویسی اصولی فرانت شما تاثیر مثبتی میزاره و برای پیاده سازی هر رابط کاربریی با ذهن باز و با آرامش پیش میرین.
همونطور که میدونین سطح این دوره متوسط هست یعنی وقتی اصول پایه ای کدنویسی فرانت یک رابط کاربریی رو درک کنین ، آماده میشین که بصورت پیشرفته پیاده سازی هر رابط کاربریی رو انجام بدین با کیفیت بالا طبق استاندارد و اصول.
استفاده از آخرین نسخه بوت استرپ
در این دوره از آخرین نسخه فریم ورک محبوب css یعنی بوت استرپ ۵ استفاده میکنیم و جالب این هست که برای استفاده از بوت استرپ نسخه ۵ نیاز به جی کوئری نیست و تعدادی از کامپوننت هایی که کدهای جاوااسکریپت داره ، پیاده سازیش با وانیلا جاوااسکریپت بوده که همین مورد از اهمیت بالایی برخورداره و همین طور در این دوره از کامپوننت هایی که استفاده میکنیم ،نحوه سفارشی سازی اون ها رو هم یاد میگیریم.
کدنویسی اصولی المان های HTML
برای اینکه طبق استاندارد پیش بریم ، نام دهی کلاس المان ها رو براساس متدولوژی BEM پیش بردیم که روشی هست کامپوننت محور در زمینهی توسعهی وب که باعث میشه کارایی ، خوانایی و انعطاف پذیری کدهای HTML مون بیشتر بشه و نکته مهمش اینکه در زمانمون صرفه جویی میشه چون ، ساختاری که به وجود آوردیم رو میتونیم استفاده مجدد کنیم بدون کانفیلیگ یا تداخل خاصی.
ریسپانسیو سازی
همه بخش های این رابط کاربریی که با هم پیاده سازی میکنیم ، نیاز هست در موبایل و تبلت هم به درستی و به شکل صحیحی نمایش داده بشه که بصورت اختصاصی برای هر بخش در قالب یک ویدئو مجزا ، روی ریسپانسیو کردن هر بخش کار میکنیم که در نهایت بعد پایان تمام بخش ها ، یک رابط کاربری فول ریسپانسیو رو شاهد خواهیم بود.
وانیلا جاوااسکریپت
بعضی از بخش های این دوره نیاز هست که از جاوااسکریپت استفاده کنیم که کاملا بهینه میایم کدهای جاواسکریپتیمون رو بصورت اصولی برای بخش موردنظر کدنویسی میکنیم در این روند با متد ها ، ساختار کدنویسی و موارد جدید آشنا میشیم که به شدت در پروژه های بعدیتون کمک میکنه.
کلام آخر
همیشه در پروژه هایی که خودم پیاده سازی میکنم دنبال استاندارد ها و کدنویسی اصولی هستم و جدا از مباحث تخصصی علاقه دارم که در آموزش هام این ذهنیت رو به اشتراک بزارم و بتونم در روند توسعه وب با جامعه دولوپرهایی که از این آموزش ها استفاده میکنن و خودم هم خیلی چیزها ازشون یاد میگیرم سهیم باشم.
جلسات دوره کدنویسی فرانت رابط کاربری پرستاری
جلسه 1 - نقشه ذهنی دوره
زمان این ویدیو 01:51 دقیقه
جلسه 2 - نرم افزار های مورد نیاز
زمان این ویدیو 01:44 دقیقه
جلسه 3 - افزونه های مورد نیاز VSCode
زمان این ویدیو 08:55 دقیقه
جلسه 4 - پیکر بندی پروژه
زمان این ویدیو 03:47 دقیقه
جلسه 5 - اضافه کردن فونت به پروژه
زمان این ویدیو 04:55 دقیقه
جلسه 6 - اضافه کردن فونت آیکن به پروژه
زمان این ویدیو 04:14 دقیقه
جلسه 7 - پیاده سازی المان های (بخش هدر)
زمان این ویدیو 09:13 دقیقه
جلسه 8 - تعریف CSS Rest و رنگ های سازمانی پروژه
زمان این ویدیو 04:58 دقیقه
جلسه 9 - استایل دهی بخش هدر (قسمت اول)
زمان این ویدیو 24:18 دقیقه
جلسه 10 - پیاده سازی زیر منو
زمان این ویدیو 17:36 دقیقه
جلسه 11 - اضافه کردن آیکن به منو با وانیلا جاوااسکریپت
زمان این ویدیو 11 دقیقه
جلسه 12 - ریسپانسیو سازی بخش هدر
زمان این ویدیو 20 دقیقه
جلسه 13 - سفارشی سازی منو هدر در حالت ریسپانسیو (بخش اول)
زمان این ویدیو 12:42 دقیقه
جلسه 14 - سفارشی سازی منو هدر در حالت ریسپانسیو (بخش آخر)
زمان این ویدیو 17:41 دقیقه
جلسه 15 - پیاده سازی المان های (بخش خدمات ما)
زمان این ویدیو 11:37 دقیقه
جلسه 16 - استایل دهی (بخش خدمات ما)
زمان این ویدیو 23:05 دقیقه
جلسه 17 - ریسپانسیو سازی (بخش خدمات ما)
زمان این ویدیو 06:18 دقیقه
جلسه 18 - کدهای جاوااسکریپت (بخش خدمات ما)
زمان این ویدیو 11:06 دقیقه
جلسه 19 - پیاده سازی المان های (بخش درباره ما)
زمان این ویدیو 07:08 دقیقه
جلسه 20 - استایل دهی و ریسپانسیو سازی (بخش درباره ما)
زمان این ویدیو 12:38 دقیقه
جلسه 21 - پیاده سازی المان های (بخش مقالات)
زمان این ویدیو 09:28 دقیقه
جلسه 22 - استایل دهی (بخش مقالات)
زمان این ویدیو 13:52 دقیقه
جلسه 23 - ریسپانسیو سازی (بخش مقالات)
زمان این ویدیو 09:39 دقیقه
جلسه 24 - پیاده سازی المان های (بخش ویدئوها)
زمان این ویدیو 12:19 دقیقه
جلسه 25 - استایل دهی (بخش ویدئوها)
زمان این ویدیو 26:11 دقیقه
جلسه 26 - ریسپانسیو سازی (بخش ویدئوها)
زمان این ویدیو 12:37 دقیقه
جلسه 27 - پیاده سازی المان های (بخش فوتر)
زمان این ویدیو 19:52 دقیقه
جلسه 28 - استایل دهی (بخش فوتر)
زمان این ویدیو 27:19 دقیقه
جلسه 29 - ریسپانسیو سازی (بخش فوتر)
زمان این ویدیو 07:45 دقیقه
جلسه 30 - فایل کامل پروژه نهایی به همراه تصویر رابط کاربری با کیفیت بالا