صفحه اصلیدوره‌هادوره طراحی سایت(فرانت‌اند) متوسطه
دوره طراحی سایت(فرانت‌اند)

دوره طراحی سایت(فرانت‌اند) متوسطه

معرفی دوره:

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

در آغاز، وب‌سایت‌ها با استفاده از زبان HTML نوشته می‌شدند و پس از آن با پیش‌رفت وب، طراحی‌ با استفاده از جدول‌های پنهان در صفحه و زبان HTML منسوخ شد و استفاده از تکنولوژی CSS روی کار آمد. به زبانی ساده‌تر تعریف طراحی سایت عبارت است از ساخت صفحات وب یا Redesign و بهبود سایت‌های قدیمی که در بستر اینترنت انجام می‌شود. اولین و مهم‌ترین چیزی که برای طراحی سایت یا Web-Design نیاز دارید، یک کامپیوتر است. این کامپیوتر یا لپ‌تاپ باید قدرت کافی در اجرای برنامه‌های گرافیکی و کدنویسی را داشته باشد.

فعالیت در فضای آنلاین به خصوص در سطح وب، پرمخاطب‌ترین چالش این روزهای کسب‌وکارهای بزرگ در تمامی شهرهای دنیا است. وب‌سایت به عنوان مطمئن‌ترین راه ارتباطی کسب‌وکار با مشتری شناخته شده است. از همین رو طراحی سایت امروزه خواهان زیادی پیدا کرده و بازار کار خوبی را برای فعالان این حوزه فراهم آورده است. ورود به بازارهای دیجیتال جزء جدایی‌ناپذیر کسب‌وکارها جهت ارائه خدمات حرفه‌ای در فضای وب به ساده‌ترین شکل ممکن است. آن‌چه که در این مسیر حائز اهمیت است، استفاده از پلتفرم‌های کاربرپسند و ساده بوده تا بتوان از ظرفیت مشتری موجود در این فضا به به‌ترین شکل ممکن استفاده کرد. طراحی سایت می تواند به هر کسب و کاری اعتبار و جایگاه ویژه‌ای به جهت فروش و ارائه خدمات دهد.

بر همین اساس، تیم فنی-آموزشی توت دوره‌های مرتب و مدونی را در خصوص طراحی و توسعه‌ی سایت از پایه تا پیش‌رفته در نظر گرفته که علاقه‌مندان می‌توانند طبق برنامه، در این دوره‌ها ثبت‌نام کرده و استفاده نمایند.

 

در دوره‌ی طراحی سایت متوسطه توت، موارد زیر به شما آموزش داده می‌شود:

       بازی سازی مقدماتی با JavaScript

       طراحی و ساخت صفحات وب به صورت واکنش‌گرا (Responsive)

       ایجاد حالت داینامیک با استفاده از برنامه‌نویسی

 

از نظر تمامی متخصصین و طبق تجربه‌های پیشین، به‌ترین نقشه‌ی راه یادگیری طراحی سایت به ترتیب به شرح زیر می‌باشد:

  1. ابزارهای گرافیکی مورد نیاز مانند Figma یا Adobe-XD
  2. زبان  نشانه‌گذاری  HTML
  3. تکنولوژی CSS و پیش‌پردازنده‌های آن مانند SASS
  4. زبان برنامه‌نویسی  JavaScript
  5. فریم‌ورک Bootstrap یا Tailwind CSS
  6. یادگیری فریم‌ورک‌ و کتابخانه‌های SPA مانند ,React vue یا Angular
  7. زبان برنامه‌نویسی سمت سرور (PHP/Python/ASP.NET/Java/…)

 

در دوره‌ی طراحی سایت متوسطه توت، در حالت کلی موارد زیر را خواهید آموخت.

  1. زبان برنامه‌نویسی JavaScript
  2. NPM (Node Package Manager)
  3. فریم‌ورک Bootstrap نسخه ۵
  4. فریم‌ورک Tailwind CSS نسخه ۴

 

لازم به توضیح است که جزئیات موارد پیش‌گفته در ادامه (بخش سرفصل‌های دوره) بیان شده است؛ همچنین ذکر این مهم نیز الزامی است که این دوره به صورت کاملاً کاربردی و به صورت عملی برگزار می‌شود و در طول کلاس دانش‌جویان نیز درگیر انجام تمرین خواهند بود.

دوره فرانت‌اند متوسطه، فرصتی ایده‌آل برای افرادی است که پیش‌زمینه‌ای در طراحی وب دارند و می‌خواهند مهارت‌های خود را به سطح بالاتری ارتقا دهند. در این دوره، علاوه بر مرور و تقویت مفاهیم پایه‌ای، به سراغ تکنولوژی‌های پیش‌رفته‌تر و پرکاربرد در توسعه فرانت‌اند خواهیم رفت تا شرکت‌کنندگان بتوانند وب‌سایت‌های مدرن، Responsive و حرفه‌ای را طراحی و پیاده‌سازی کنند.

در این دوره، زبان برنامه‌نویسی جاوا اسکریپت را به صورت عمیق‌ بررسی می‌کنیم و دانش‌جویان با مفاهیم کلیدی آن آشنا می‌شوند. برای درک به‌تر این زبان و کسب مهارت عملی، یک پروژه جذاب بازی‌سازی در نظر گرفته شده که به دانش‌جویان کمک می‌کند تا مفاهیم برنامه‌نویسی را در عمل تجربه کنند. علاوه بر این، NPM (Node Package Manager) به عنوان یکی از ابزارهای ضروری در توسعه فرانت‌اند معرفی خواهد شد تا دانش‌جویان بتوانند به راحتی پکیج‌های مختلف را مدیریت و در پروژه‌های خود استفاده کنند.

در بخش طراحی، دو فریم‌ورک پرطرفدار و قدرتمند یعنی Bootstrap 5  و Tailwind CSS4 را بررسی خواهیم کرد. برای تسلط بیش‌تر، هر یک از این فریم‌ورک‌ها را در یک پروژه‌ی مجزا پیاده‌سازی می‌کنیم تا دانش‌جویان به صورت عملی با نحوه طراحی رابط‌های کاربری زیبا، Responsive و بهینه آشنا شوند. این پروژه‌ها به شرکت‌کنندگان کمک می‌کنند تا دانش خود را در حوزه طراحی مدرن تقویت کرده و نمونه‌کارهای حرفه‌ای برای ورود به بازار کار ایجاد کنند.

بازار کار توسعه فرانت‌اند به سرعت در حال گسترش است و تسلط بر جاوا اسکریپت، NPM، بوت استرپ و تیلویند می‌تواند فرصت‌های شغلی متعددی را برای فارغ‌التحصیلان این دوره فراهم کند. از توسعه وب‌سایت‌های شرکتی و فروشگاهی گرفته تا طراحی داشبوردهای مدیریتی و اپلیکیشن‌های تعاملی، مهارت‌هایی که در این دوره کسب می‌کنید، شما را برای ورود به دنیای حرفه‌ای فرانت‌اند آماده خواهد کرد.

اگر می‌خواهید به یک توسعه‌دهنده‌ی حرفه‌ای فرانت‌اند تبدیل شوید و مهارت‌های خود را در سطحی پیشرفته‌تر به کار بگیرید، این دوره برای شما طراحی شده است. با شرکت در این دوره، نه تنها پایه‌ای محکم برای یادگیری‌های پیش‌رفته‌تر خواهید داشت، بلکه می‌توانید با اعتمادبه‌نفس وارد بازار کار شوید و پروژه‌های حرفه‌ای خود را آغاز کنید.

 

این دوره کاملاً پروژه-محور است.

 

 

قوانین دوره:

·         حضور به موقع و مرتب و فعال دانش‌جویان در کلاس

·         انجام به موقع و مرتب تمرین‌های تدوین‌شده که در طول دوره ارائه می‌گردد.

·         هم‌کاری با تیم پشتیبان توت که در طول دوره در کنار دانش‌جویان هستند به منظور حفظ کیفیت یادگیری دانش‌جویان

·         تکمیل صحیح اطلاعات فردی در فرم مربوط به ثبت نام به منظور درج در گواهی دوره

 

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

  • آشنایی با مفاهیم پایه جاوا اسکریپت
  • متغیرها و انواع داده‌ها
  • عمل‌گرها و ساختارهای کنترلی
  • حلقه‌ها و ساختارهای شرطی
  • توابع و نحوه تعریف آن‌ها
  • رویدادها (Events) و مدیریت آن‌ها
  • کار با آرایه‌ها و متدهای مرتبط
  • کار با اشیاء (Objects) در جاوا اسکریپت
  • مدیریت خطاها و دیباگینگ
  • اصول برنامه‌نویسی ماژولار در جاوا اسکریپت
    • معرفی NPM و اهمیت آن در توسعه‌ی فرانت‌اند
    • نصب و مدیریت پکیج‌ها
    • اسکریپت‌های NPM و نحوه‌ی استفاده از آن‌ها
    • ایجاد و مدیریت پروژه‌های مبتنی بر NPM
    • معرفی و آشنایی با فریم‌ورک Bootstrap
    • نصب و راه‌اندازی Bootstrap در پروژه
    • سیستم گرید در Bootstrap 5
    • کامپوننت‌های کاربردی مانند دکمه‌ها، کارت‌ها، مدال‌ها و نوارهای پیمایش
    • شخصی‌سازی Bootstrap
      • معرفی و نصب Tailwind CSS
      • مفاهیم پایه و کلاس‌های کاربردی در Tailwind
      • طراحی Responsive با استفاده از Utility-First CSS
      • شخصی‌سازی و سفارشی‌سازی استایل‌ها
      • کار با Flexbox و Grid در Tailwind
        • مقایسه و انتخاب به‌ترین ابزارها برای پروژه‌های واقعی
        • بهینه‌سازی کدهای CSS و جاوا اسکریپت (Minify)
        • ایجاد نمونه‌کار حرفه‌ای برای ورود به بازار کار
        دانلود فایل طرح درس دوره

        جزئیات دوره

        کد دوره:TUT-10014-FE-NF-FRONTINTERMEDIATEسطح دوره:متوسطهپیش نیاز:آشنایی عمومی با کامپیوتر, HTML & CSS مقدماتی (رایگان تقدیم می‌گردد)مدت دوره:32 ساعتروز و ساعت برگزاری دوره:
      • یک‌شنبه‌هااز ساعت 18:00 تا 20:00
      • سه‌شنبه‌هااز ساعت 18:00 تا 20:00
      • مدیر دوره:نازنین رهسپار ایزدینحوه برگزاری:Microsoft Teams
        وضعیت دوره:در حال ثبت نام
        تاریخ تخمینی شروع دوره:1404/4/17
        در صورت رسیدن به حدنصاب (حداقل 15 نفر) دوره برگزار خواهد شد.
        هزینه دوره:
        3,000,000
        2,300,000 تومان
        ظرفیت دوره:25تعداد دانشجویان:8

        بخش نظرات

        لطفا برای ثبت نظر خود، در سایت لاگین کنید!
        ورود
        هنوز نظری ثبت نشده!
        اولین نفر باشید که نظر خود را ثبت می‌کنید.