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