- مدرس دوره : امید پیشکار ( رزومه )
- تعداد ویدیوها : 37 ویدیو
- مدت زمان دوره : 13:14:00
- سطح دوره : مقدماتی
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1400/10/21
آموزش طراحی وب مقدماتی
در این دوره با توجه به این که تمامی دانش آموختگان عزیز بعد از فراگیری کد ها و قوانین ایجاد صفحات استاتیک سایت آشنا شده اند، طبیعتا الزام است در قالب پروژه های واقعی با کد ها دست و پنجه نرم کنند و بدانند در چه زمانی الزام است چه کدی را قرار دهند. در سری دوره های وب دیزاینر از ساده ترین پروژه ها تا سخت ترین پروژه های طراحی وب را انجام خواهیم داد. در انتهای این دوره نیز یک پروژه تمرینی به شما واگذار خواهد شد که باید با توجه به دانشی که در طی دوره کسب کرده اید آن را طراحی کنید. همینطور شما از طریق پرسش و پاسخ دوره با بنده در ارتباط هستید و اگر در طراحی قالب تمرینی با چالشی مواجه شدید به کمک یکدیگر آن را حل خواهیم کرد.
پیش نیاز: پیش نیاز های این دوره html و css و flexbox هستند که آموزش های سه دوره در سایت تاپ لرن وجود دارد.
فهرستـــ ویدیوها
مدت زمان دوره 13:14:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
معرفی دوره
در این قسمت به معرفی پیش نیاز ها ، اهداف ، ابزار مورد نیاز و پروژه های دوره پرداخته شده است.
جلسه اول - معرفی دوره
در این قسمت به معرفی اهداف ، پیش نیاز ها ، ابزار و پروژه های موجود در دوره پرداخته شده است.
جلسه دوم - معرفی ابزار های مورد نیاز پروژه اول
معرفی ابزار ها مثل فونت مورد نیاز ، Text Editor مورد نیاز و موارد دیگر در این قالب.
قسمت سوم - طراحی کلاس های واکنش گرایی و طراحی بخش Header
در این قسمت کلاس هایی را طراحی خواهیم کرد که در تمام قالب به واکنش گرایی قالب کمک کند و همچنین بخش Header قالب را طراحی خواهیم کرد.
قسمت پنجم - طراحی بخش Projects
در این قسمت بخش Projects را تنها با اعمال کلاس ها ایجاد می کنیم.
قسمت ششم - طراحی بخش Work
در این ویدیو یک بخش دیگر از پروژه اول به نام Work را طراحی می کنیم.
قسمت هفتم - طراحی بخش های Education و Languge
در این ویدیو دو بخش Education و Language از پروژه اول را طراحی می کنیم.
قسمت هشتم - طراحی بخش Projects
در این قسمت بخش Projects را طراحی می کنیم. ( این بخش با بخش Projects که در ابتدا طراحی کرده ایم متفاوت است.)
قسمت نهم - طراحی بخش های Social Network و Contact
در این قسمت دو بخش دیگر از قالب اول را طراحی خواهیم کرد.
قسمت دوازدهم - طراحی قسمت Navbar از بخش Header
در این قسمت توضیحات کاملی در مورد پروژه دوم ارائه شده است و همینطور قسمت Navbar را طراحی خواهیم کرد.
قسمت پانزدهم - طراحی بخش My Skills
در این ویدیو قسمت جدیدی از بخش About را طراحی خواهیم کرد.
قسمت شانزدهم - طراحی بخش Education
در این ویدیو قسمت Education از بخش About را طراحی خواهیم کرد.
قسمت هجدهم - طراحی بخش Funfact
در این ویدیو بخش دیگری از قالب با نام Funfact را طراحی می کنیم.
قسمت نوزدهم - طراحی قسمت اول از بخش Portfolio
در این ویدیو قسمت اول از بخش Portfolio مانند Badge و Buttons را طراحی خواهیم کرد.
قسمت بیستم - طراحی قسمت دوم از بخش Portfolio
در این ویدیو قسمت دوم از بخش Portfolio را طراحی خواهیم کرد.
قسمت بیست و سه - طراحی بخش Contact
در این ویدیو قسمت قبل از Footer با عنوان Contact را طراحی خواهیم کرد.
قسمت بیست و چهارم - طراحی بخش اول Footer
در این ویدیو قسمت اول از بخش Footer را طراحی خواهیم کرد.
قسمت بیست و پنجم - طراحی بخش دوم Footer
در این ویدیو قسمت دوم از بخش Footer را طراحی خواهیم کرد.
قسمت بیست و ششم - معرفی پروژه سوم
در این جلسه به معرفی پروژه سوم و ابزار های لازم برای طراحی آن پرداخته ایم.
قسمت بیست و هفتم - طراحی بخش Header
در این ویدیو اولین بخش از پروژه خود ، بخش Header را طراحی خواهیم کرد.
قسمت بیست و هفتم - طراحی بخش Intro
در این ویدیو قسمت دوم پروژه ، قسمت Intro را طراحی خواهیم کرد.
قسمت بیست و نهم - تحلیل و طراحی بخش ابتدایی Featured
در این ویدیو به ستون بندی و ایجاد ردیف برای بخش Featured خواهیم پرداخت.
قسمت سی - تکمیل و طراحی بخش Featured
در این ویدیو باقی مانده بخش Featured را طراحی خواهیم کرد.
قسمت سی و یک - طراحی بخش newsletter
در این ویدیو قسمت اول از بخش Sidebar یعنی قسمت newsletter را طراحی خواهیم کرد.
قسمت سی و دوم - تکمیل بخش Sidebar
در این ویدیو دو قسمت باقی مانده از بخش Sidebar را طراحی خواهیم کرد.
نظرات کاربران در رابطه با این دوره