آموزش توسعه وب پاسخگو: HTML و CSS برای طراحان وب

Responsive Web Development: HTML & CSS for Web Designers

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

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

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

در بخش دوم، یک طرح آماده ایجاد شده در فتوشاپ را می گیریم و آن را به یک صفحه وب کاملاً واکنش گرا تبدیل می کنیم.

علیرغم عنوان، این کلاس برای استفاده طراحان وب و توسعه دهندگان وب تنظیم شده است.

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

برای توسعه دهندگان وب، نحوه کار با طراحان و ایجاد یک کپی دقیق از طرح های آنها در HTML و CSS را یاد خواهید گرفت.

چه برنامه‌نویسی باشید که می‌خواهد با یک طراح کار کند، چه طراح که می‌خواهد با یک توسعه‌دهنده کار کند یا فقط فردی که می‌خواهد در هر دو زمینه مهارت‌های خود را ایجاد کند، این دوره برای شما مناسب است. p>

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

شما می توانید انتخاب کنید که یک وب سایت موجود را که ظاهر آن را دوست دارید دوباره ایجاد کنید یا می توانید الگوهایی را به صورت آنلاین جستجو کنید که می خواهید در HTML و CSS ایجاد کنید.

پس از اتمام، لطفاً طرح و صفحه تمام شده (یا پیوندی به آن) را در بخش "پروژه ها" این کلاس ارسال کنید.


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

درس ها Lessons

  • CSS - بخش 2 CSS - Section 2

  • PSD به HTML - راه اندازی PSD to HTML - Setup

  • PSD به HTML - قبل از شروع PSD to HTML - Before we get started

  • ایجاد منوی موبایل Creating a Mobile Menu

  • نتیجه Conclusion

  • طراحی در مقابل توسعه - کد و نمایش تصویری Design vs Development - Code & Visual Display

  • CSS - پرسش های رسانه ای CSS - Media Queries

  • امتیاز: معرفی بوت استرپ Bonus: Intro to Bootstrap

  • طراحی در مقابل توسعه - پاسخگویی Design vs Development - Responsiveness

  • CSS - بخش 1 CSS - Section 1

  • طراحی در مقابل توسعه - سئو Design vs Development - SEO

  • PSD به HTML - ساختار PSD to HTML - Structure

  • CSS - بخش 3 CSS - Section 3

  • مقدمه Introduction

نمایش نظرات

آموزش توسعه وب پاسخگو: HTML و CSS برای طراحان وب
جزییات دوره
1h 45m
14
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2,004
4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christopher Dodd Christopher Dodd

توسعه دهنده وب/مدرس

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

کریس در سال 2015 توسعه وب را به منظور کار از راه دور و سفر به جهان آموخت و این کار را برای بیش از 2 سال گذشته انجام داده است.

کریس از طریق کانال یوتیوب، وبلاگ و اینستاگرام خود الهام بخش و آموزش می‌دهد تا «عشایر دیجیتال» تازه کار را تعقیب کنند و به دنبال شغلی مستقل از موقعیت مکانی باشند.

من اخیراً یک انجمن Patreon را برای توسعه دهندگانی راه اندازی کردم که به دنبال کسب اطلاعات بیشتر در مورد تخصصی توسعه تم Shopify هستند.

اینجا را بررسی کنید =

این ویدیوی کوتاه زیر را تماشا کنید تا بدانید چگونه به این بخش خاص از توسعه وب فرانت‌اند رسیدم و چرا اکنون زمان خوبی برای شروع کار آزاد در این زمینه است.