FRONT-END DEVELOPER Course

FRONT-END DEVELOPER Course

در مسیر یادگیری توسعه فرانت‌اند، ابتدا با اصول و استانداردهای طراحی وب آشنا خواهیم شد؛ سپس راه کدنویسی را در پیش می‌گیریم. در این راه، پس از آشنایی کامل با مفاهیم HTML و CSS به سراغ مباحث پیشرفته HTML5 و CSS3 می‌رویم. بعد از انجام پروژه‌های مشخص شده ، به سراغ طراحی با فریم‌ورک‌های وب خواهیم رفت. در ادامه چالش‌های بوت استرپ را بررسی کرده و سپس وارد مباحث جذاب جاوا اسکریپت می‎شویم.
Image
front-end
پروژه محور
پشتیبانی دانشجویان
۵۰ ساعت آموزشی
دوره کاملا آنلاین و لایو

مروری بر دوره

پس از یادگیری کامل اصول و استاندارهای طراحی وب، با استفاده از مباحث پایه HTML، ساختار صفحات را تشکیل می‌دهیم. سپس با یادگیری CSS پروژه را کامل خواهیم کرد.سپس با انجام چند پروژه  مهارت کافی برای طراحی و پیاده سازی صفحات وب به کمک HTML5 & CSS3 را به دست خواهید آورد.بعد از این این مراحل وارد دنیای جاوا اسکریپت خواهیم شد سپس به کمک فریم ورک ها کدهای خود را بروز خواهیم کرد.

.

آنچه خواهید آموخت

  • آشنایی با اصول اولیه 
  •  اصول کدنویسی HTML ,CSS,JS
  • آشنایی با تگ های اصلی و پایه
  • آشنایی با  HTML5
  • CSS3
  • طراحی ریسپانسیو
  • فریم ورک های طراحی وب
  • آشنایی کامل با گیت

سرفصل ها

HTML

  •   مفهوم HTML
  •   تاریخچه HTML وبررسی نسخه های آن
  •   XHTML و تفاوت آن با HTML
  •   بررسی انواع استانداردهای صفحات وب
  •   بررسی ساختار تگ ها
  •   بررسی عناصر اصلی صفحه
  •   آشنایی با تگ های بخش عنوان
  •   قوانین صفت ها
  •   ایجاد و ذخیره اولین صفحه وب
  •   کار کردن با متن ها و اعمال تغییرات روی آنها
  •   بررسی کلی صفت ها
  •   آشنایی با سبک های فیزیکی و منطقی
  •   توضیح ها و نقل قول ها
  •   آشنایی با انواع لینک ها درHTML
  •   بررسی تگ های مربوط به لینک ها
  •   آشنایی با عناصر بلاکی ودرون خطی
  •   کار با تصاویر در HTML
  •   آشنایی با محیط های کد نویسی و مقایسه آنها
  •   تقسیم بندی اطلاعات با لیست ها در HTML
  •   کار با جداول
  •   ایجاد فرم ها وبررسی انواع فیلد ها
  •   ایجاد صفحات چند گانه در HTML
  •   بررسی خطاها و Validate کردن XHTML
  •   آشنایی با تگ div
  •   آشنایی با تگ Span
  •   قالب بندی صفحات وب با استفاده از تگ div
  •   معرفی و بررسی انواع سلکتور ها در cssنسخه های آن
  •   نحوه تعریف اصولی انواع سلکتور ها
  •   بررسی property ها و value ها در css
  •   اولویت در اعمال استایل‌ها
  •   کلاس های کاذب
  •   آشنایی با ویژگی !important
  •   بررسی مدهای رنگ در css
  •   ابعاد صفحه با css
  •   بررسی مدل جعبه ای
  •   استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
  •   بررسی مدل جعبه ای
  •   استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
  •   باکس بندی صفحه و کار با سلکتورهای class وId
  •   بررسی ویژگی float
  •   بررسی انواع position ها در css
  •   ساخت انواع منو های آبشاری با استفاده از css
  •   طراحی فرم ها و جداول پیشرفته به کمک css
  •   بررسی قواعد مربوط به چاپ
  •   بررسی خطاها و validate کدهای css
  •   معرفی HTML5
  •   مستندات HTML5
  •   تعریف ساختار صفحه
  •   بررسی عناصر مربوط به ساختار صفحه
  •   عناصر header,section,article,nav,aside,footer
  •   بررسی عناصر جدید اضافه شده
  •   فرم ها در HTML5
  •   تایپوگرافی
  •   پیوست انواع فونت دلخواه به صفحه
  •   صوت و تصویر در HTML5
  •   بررسی تگ svg
  •   بررسی تگ canvas
  •   راه کارهای هماهنگی HTML5 با تمامی مرورگرها
  •   تبدیل یک قالب با استاندارد XHTML به قالب با استاندارد های HTML5
  •   API ها

CSS

  •   معرفی CSS3
  •   بررسی ویژگی های جدید
  •   بررسی گزینش گرهای اضافه شده
  •   مرجع قوانین CSS
  •   رنگ ها در CSS3
  •   ایجاد سایه ها
  •   ایجادگوشه های گرد و اشکال هندسی
  •   توالی رنگ ها
  •   دستورات جدید تصاویر
  •   تغییر شکل ها
  •   حرکات انتقالی
  •   انیمیشن ها
  •   دستورات جدید تصاویربررسی نکات مربوط به اجرای css3 در تمامی مرور گرها
  •   بررسی طراحی واکنش گرا
  •   استفاده از Media query ها
  •   Media query ها

JavaScript

  •   آشنایی با مفاهیم جاوا اسکریپت
  • نحوه‌ی قراردادن کدهای جاوا اسکریپت
  • کنسول
  • متغیرها
  • مقایسه گرها
  • انتخاب المان های HTML
  • فانکشن
  • آبجکت
  • آرایه ها
  • استرینگ
  • رویدادها و ایونت ها
  • مفاهیم بلاک و Scope
  • آشنایی با فریم ورک های JS
  •   آشنایی با مفاهیم  JQuery
  •   بررسی پلاگین های پرکاربرد

Bootstrap

  •  آشنایی با فریم ورک های طراحی وب
  • بوت استرپ
  •  طراحی و پیاده سازی به کمک بوت استرپ

Git 

  • مقدمات گیت 
  •  اینیت و اولین کامیت
  • بررسی تاریخچه کارها
  • بررسی تغییرات انجام شده
  • آشنایی با برنچ ها (Branch)
  •  استفاده از گیت هاب (GitHub)
  • حل کانفلیکت های (Conflict) ریموت
  • امضا کردن تگ ها و کامیت ها
  • دیباگ کردن با کمک گیت
  • آشنایی با گیت لب

مخاطبان دوره

  • دانشجویان آی تی 
  • علاقمندان به مباجث طراحی و توسعه وب
  • علاقمندان به دنیای آی تی 

پیش نیازها

 

آشنایی با مفاهیم اولیه وب 

سوالات متداول

دوره فرانت‌اند، یک دوره آموزشی است که به شما اصول و تکنیک‌های مربوط به توسعه و طراحی وبسایت‌ها را آموزش می‌دهد. در این دوره، شما با زبان‌های HTML، CSS و JavaScript و تکنولوژی‌های مرتبط مانند Bootstrap و jQuery آشنا می‌شوید.

برای شرکت در دوره فرانت‌اند، دانش برنامه‌نویسی اولیه مفید است، اما نه ضروری. این دوره‌ فرانت‌اند برای مبتدیان طراحی شده‌ و از شما انتظار نمی‌رود که قبل از شروع به طور کامل مفاهیم برنامه‌نویسی را بدانید.

مدت زمان این دوره ۴۸ ساعت می باشد که طی ۱۲ جلسه ۴ ساعته (هر هفته دو جلسه) برگزار خواهد شد .در این دوره ۲ ماه در کنار شما خواهیم بود و بعد از دوره ۳الی ۶ ماه (با توجه به سطح پیشینه و تجربه)زمان لازم هست تا به توانایی اولیه برای انجام پروژه برسید.

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

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

در حال حاضر تقویمی برای این دوره تعریف نشده است.

دیدگاه‌ها

به عنوان اولین نفر نظر خود را بنویسید!

متن ساده

  • تگ‌های HTML مجاز نیستند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • Web page addresses and email addresses turn into links automatically.