دوره پروژه محور تمرین فرانت اند

اگه ابتدای مسیر برنامه نویسی هستی و داری با دنیای وب تازه آشنا میشی، مطمئنا با این چالش روبرو شدی که بهترین و کوتاه ترین راه برای رسیدن به یک نقطه مطمئن چیه... . بهترین راه، انجام تمرین و ساخت مینی پروژست تا در این حین هم دستت تو چیزایی که باهاشون آشنا شدی پر بشه و همینطور بتونی به همراه اون تکنولوژی های جدید هم یاد بگیری (و باید بگم یادگیری فرانت بیشتر به این روش وابسته هست)

قیمت: رایگان

X
06 : 30 : 24
32 جلسه
4 فصل
2 سال پشتیبانی

دوره پروژه محور تمرین فرانت اند

اگه ابتدای مسیر برنامه نویسی هستی و داری با دنیای وب تازه آشنا میشی، مطمئنا با این چالش روبرو شدی که بهترین و کوتاه ترین راه برای رسیدن به یک نقطه مطمئن چیه... .

من به عنوان مدرس و کسی که چندین ساله در حوزه وب فعالیت میکنم اینجام تا به شما بگم که بعد از آشنایی ابتدایی با تکنولوژی های اصلی و پایه ای مثل HTML , CSS , JS بهترین راه، انجام تمرین و ساخت مینی پروژست تا در این حین هم دستت تو چیزایی که باهاشون آشنا شدی پر بشه و همینطور بتونی به همراه اون تکنولوژی های جدید هم یاد بگیری (و باید بگم یادگیری فرانت بیشتر به این روش وابسته هست)

ولی شاید نمیدونی از کجا شروع کنی، حق داری، تا کسب تجربه کافی یه کم زمان میبره، پس بهتره قدم به قدم به همراه یه مربی پیش بری.

الانم قراره توی یه دوره جم و جور و پروژه محور، با هم قدم به قدم بیشتر با HTML , CSS , JS ارتباط برقرار کنیم و همینطور با دو کتابخونه جدید آشنا بشیم که میتونه براتون، توی خیلی پروژه ها مفید باشه،

قراره با متریالایز به عنوان یک تکنولوژی سی اس اسی و alpine.js به عنوان یک کتابخونه جاوااسکریپتی، آشنا بشیم.

سعی کردم دوره مناسب کسایی باشه که تازه وارد مسیر وب شدن (نه فقط فرانت، بلکه مباحث برای هر برنامه نویس وب نیازه) و دنبال کسب تجربه ان و اصول و مباحث ابتدایی در مورد اون سه تا تکنولوژی (اچ تی ام ل و سی اس اس و جاوااسکریپت) رو تا حدودی یاد گرفتن.

اگر با HTML و CSS آشنایی ندارید میتونید دوره رایگان رو از کدیاد دریافت کنید

اگر با جاوااسکریپت آشنایی ندارید میتونید از همن وبسایت به صورت رایگان دریافتش کنید

اگرم به متریالایز علاقمند شدید میتونید از کدیاد دوره پروژه محور materialize رو تهیه کنید

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

مقدمات طراحی قالب
  • آماده سازی پروژه

  • آشنایی با گیت و گیت هاب

  • شروع طراحی

  • طراحی قالب به کمک متریالایز
  • ساخت منوی سایدبار - استفاده از پالت رنگ متریالایز

  • استفاده از کامپوننت Button در صفحه Home

  • صفحه مدیریت کاربران - دکمه افزودن کاربر - اینپوت جستجو

  • بحث گرید در متریالایز

  • لیست کاربران در صفحه موبایل

  • طراحی جدول کاربران در سایز دسکتاپ

  • طراحی Paginataion

  • طراحی Modal افزودن کاربر

  • راستچشن کردن قالب

  • مقدمات بحث ارتباط با سمت سرور
  • شروع بحث ارتباط با سمت سرور و کتابخانه alpine

  • آشنایی با Promise

  • آشنایی با RESTful API

  • دریافت لیست کاربران از سمت سرور (با استفاده از جاوااسکریپت)

  • کار با alpine.js و داینامیک کردن پروژه
  • شروع کار با Alpine.js

  • تعریف Data در x-data

  • آشنایی با کتابخونه Axios و همچنین کار با دایرکتیو های x-for و x-init

  • کار با دایرکتیو های x-if و x-show

  • آشنایی با توابع فلشی در جاوااسکریپت (پیشنیاز ادامه دوره)

  • آشنایی با دایرکتیو x-bind - نمایش مدال افزودن کاربر

  • آشنایی با conditional operator ها و دایرکتیو x-transition

  • Pagination

  • پیمایش بین صفحات جدول

  • آشنایی با دایرکتیو x-model و ابزارهای جادویی el$ و watch$

  • پیاده سازی قسمت جستجو

  • پرکردن فرم افزودن کاربر

  • افزودن کاربر جدید

  • تکمیل بخش افزودن کاربر

  • حذف کاربر

  • ویرایش اطلاعات کاربر

  • پیشنیاز های دوره چه چیزهایی هستند؟

    • HTML
    • CSS
    • JavaScript

    نظرات دانشجویان

    مدرس دوره

    قاسم بساکی


    عاشق برنامه نویسی

    عاشق یادگیری

    عاشق تدریس و انتقال علم