آموزش پروژه محور با HTML و CSS طراحی کارت – PHC104
در این دوره آموزشی پروژه محور با استفاده از زبان های html و css به یک کارت (Card) متحرک خواهیم پرداخت. در این دوره کوتاه که بصورت آموزش پروژه محور است، پیاده سازی یک مینی پروژه از طراحی یک کارت با انیمیشن های زیبا را با استفاده از زبان اچ تی ام ال و سی اس اس یاد خواهید گرفت. از طراحی این کارت ها می‌توانید در نمایش مطالب وبلاگ و یا محصولات در سایت استفاده کنید که کاملا هم رسپانسیو هستند.
با این دوره بیشتر آشنا شوید
برای درک بهتر این دوره آموزشی پروژه محور، ویدیو آنچه در این دوره یاد خواهید گرفت را در انتهای صفحه (بخش محتوای دوره) مشاهده کنید.
اصول آموزش پروژه محور
در آموزش پروژه محور یادگیری و آموزش بر اساس پروژهایی که از قبل طراحی و پیاده سازی شده اند انجام می‌شود. هدف در آموزش پروژه محور یادگیری مباحثی هست که در نهایت منجر به پیاده سازی پروژه ای خاص می‌گردد.
در دوره های آموزشی معمولا مدرس یک سری اصول اولیه را توضیح میدهد و نهایتا با چند پروژه کوچک دوره را به پایان میبرد. این مدل از دوره های آموزشی نمی‌تواند به مهارت حل مسئله در شما کمک کند، چرا که تنها به بیان مفاهیم پایه می‌پردازد و تجربه حل مسئله های مختلف را به شما انتقال نمی‌دهد.
به عنوان مثال شما در یک دوره آموزشی با تگ های زبان HTML آشنایی پیدا می‌کنید. همچنین با اصول کلی CSS در طراحی صفحات وب نیز آشنایی می شوید. اما در زمانی که تصمیم به پیاده سازی یک سایت دارید در بخش های مختلف به مشکل بر می‌خورید چرا که تجربه پیاده سازی آن قسمت بخصوص را ندارید.
آموزش های پروژه محور دقیقا بر پیاده سازی مسائل بخصوص تمرکز کرده اند که بسته به نیاز می‌توانید آموزش هایی که با پروژه شما همخوانی دارند را مشاهده کنید تا ببینید راهکار مدرس برای حل آن مسئله چیست.
پیش نیاز های این دوره
بهتر است برای شروع این دوره آشنایی مقدماتی با زبان نشانه گذاری HTML و CSS داشته باشید. با اینکه آموزش بصورت پروژه محور است اما توضیحات کافی جهت درک و یادگیری کد‌ها بیان می‌شود و از این نظر اصلا جای نگرانی نیست.
سرفصل های دوره آموزش پروژه محور با HTML و CSS طراحی کارت – PHC104
آنچه در این دوره یاد خواهید گرفت ویدئو
توضیحات کافی در مورد محتوای دوره
پروژه ای که در این ویدئو مشاهده می‌کنید را، در این دوره آموزشی بصورت پروژه محور از صفر تا صد پیش خواهیم برد.
نصب محیط توسعه ویدئو
آموزش نصب و آماده سازی محیط توسعه
محتوای این درس خصوصی است. برای دسترسی کامل به محتوا، در دوره ثبت نام کنید.
پیاده سازی ساختار پروژه ویدئو
پیاده سازی قسمت HTML
محتوای این درس خصوصی است. برای دسترسی کامل به محتوا، در دوره ثبت نام کنید.
پیاده سازی طرح پروژه ویدئو
پیاده سازی قسمت CSS
محتوای این درس خصوصی است. برای دسترسی کامل به محتوا، در دوره ثبت نام کنید.
پیاده سازی انیمیشن پروژه ویدئو
پیاده سازی قسمت CSS (انیمیشن ها)
محتوای این درس خصوصی است. برای دسترسی کامل به محتوا، در دوره ثبت نام کنید.
فایل پروژه
تمامی فایل های پروژه انجام شده برای دانلود قرار گرفته است.
محتوای این درس خصوصی است. برای دسترسی کامل به محتوا، در دوره ثبت نام کنید.
دوره های مرتبط
آموزش پروژه محور با HTML و CSS طراحی منوی رسپانسیو – PHC105
در این دوره آموزشی پروژه محور با استفاده از زبان های html و css به ساخت یک منوی رسپانسیو خواهیم پرداخت. در این دوره کوتاه که بصورت آموزش پروژه محور است، پیاده سازی یک مینی پروژه که یک منوی رسپانسیو است رابا استفاده از زبان اچ تی ام ال و سی اس اس یاد خواهید گرفت. از این منوی رسپانسیو که بدون استفاده از جاوا اسکریپت ساخته شده است می‌توانید به راحتی در طراحی سایت خود استفاده کنید.
آموزش پروژه محور با HTML و CSS طراحی اتم – PHC103
در این دوره آموزشی پروژه محور با استفاده از زبان های html و css به یک اتم متحرک خواهیم پرداخت. در این دوره کوتاه که بصورت آموزش پروژه محور است، پیاده سازی یک مینی پروژه از طراحی یک اتم متحرک با انیمیشن های زیبا را با استفاده از زبان اچ تی ام ال و سی اس اس یاد خواهید گرفت.
آموزش پروژه محور با HTML و CSS کره زمین متحرک – PHC101
در این دوره آموزشی پروژه محور با استفاده از زبان های html و css به ساخت پروژه انیمیشنی زمین متحرک خواهیم پرداخت. در این دوره کوتاه که بصورت آموزش پروژه محور است، پیاده سازی یک مینی پروژه زیبا از کره زمین بصورت متحرک را یاد خواهید گرفت. کره زمین از وسط (نصف نهار مبدا) به دو نیم تقسیم شده است. وقتی نقشه از آن قسمت میگذرد ناگهان شب به روز تبدیل می‌شود.
آموزش پروژه محور با HTML و CSS پرش مربع – PHC100
در این دوره آموزشی پروژه محور با استفاده از زبان های html و css به ساخت پروژه انیمیشنی پرش مربع خواهیم پرداخت. در این دوره کوتاه که بصورت آموزش پروژه محور است، پیاده سازی یک مینی پروژه زیبا از پرش یک مربع روی یک طناب را یاد خواهید گرفت. فضای این پروژه بسیار شبیه به ورزش ترامپولین است.
قوانین ثبت دیدگاه