این دوره، آموزشی در رابطه با طراحی وب واکنش گرا از طریق تسلط به HTML و CSS می باشد.

آنچه یاد خواهید گرفت:

• اصول HTML را از جمله هدف آن، ساختار تگ های HTML و تاریخچه HTML و HTML5 درک کنید.
• عناصر ضروری فرمت بندی HTML، مانند هدینگ ها، پاراگراف‌ ها و تگ‌ های فرمت بندی مختلف را برای ایجاد محتوای وب ساختار یافته، بررسی کنید.
• نحوه استفاده از تگ‌ های HTML مرتبط با quotation، از جمله quotations ،blockquotes کوتاه و سایر عناصر سمانتیک برای استناد و اختصار محتوا را بیاموزید.
• تسلط به هنر ایجاد هایپرلینک ها در HTML، از جمله لینک های اینترنال و اکسترنال، لینک های ایمیل و لینک های پرش صفحه، به همراه درک ویژگی های لینک و غیره..
• با استفاده از HTML، مهارت خود در قرار دادن تصاویر در صفحات وب، بهینه سازی تصاویر برای نمایش وب و تضمین دسترسی مناسب را کسب کنید.
• تفاوت عناصر HTML سطح بلوکی و سطح خطی را تشخیص داده و نقش آنها در طراحی و ساختار محتوای صفحات وب را درک کنید.
• آموزش نحوه ایجاد جداول در HTML5، از جمله استفاده از عناصر جدول، attributes و ساختار مناسب داده جدولی
• بررسی عناصر رسانه HTML5، از جمله تگ های ویدئو و صدا و کشف نحوه تعبیه محتوای چند رسانه ای، از جمله ویدئوهای یوتیوب در صفحات وب
• توانایی ایجاد فرم‌ های HTML، درک ویژگی‌ های فرم و کار با انواع مختلف ورودی برای جمع‌ آوری داده‌ کاربر را توسعه کنید.
• از استفاده از عناصر سمانتیک HTML برای بهبود دسترسی و معنای محتوای وب، هم در تئوری و هم در عمل، استقبال کنید.
• با اصول CSS از جمله نقش آن در طراحی وب، انواع مختلف CSS و سلکتورهای CSS برای استایل دهی عناصر HTML CSS آشنا شوید.
• اصول CSS از جمله مدل باکس، border radius ،box shadow، گرید CSS و Flexbox برای استایل دهی عملی صفحات وب
• به طور عمیق به تایپوگرافی در طراحی وب با استفاده از Google Fonts، فونت های سفارشی و ویژگی های تایپوگرافی CSS بپردازید تا ارائه متن را بهبود بخشید.
• تسلط به هنر استفاده از تصاویر پس زمینه و گرادیان ها در CSS برای ایجاد پس زمینه های وب بصری جذاب و با قابلیت سفارشی
• مهارت های آموخته شده در بخش های قبلی برای ایجاد یک وب سایت تک صفحه ای کامل، از جمله ناوبری، بخش های Hero و بخش های محتوا را اعمال کنید.
• با استفاده از کوئری های رسانه، اصول طراحی وب واکنش گرا را بیاموزید و یک منوی واکنش گرا برای پروژه وب خود ایجاد کنید.
• بررسی تبدیل و انیمیشن های CSS3 برای ایجاد تعامل و جذابیت بصری در عناصر وب
• کشف تکنیک های پیشرفته طراحی وب، از جمله پیاده سازی اسلایدر و گالری لایت باکس با استفاده از کتابخانه های جاوا اسکریپت
• روش تست و اشکال زدایی صفحات وب با استفاده از ابزارهای توسعه مرورگر و روش های تشخیص ویژگی ها را بیاموزید تا سازگاری cross-browser تضمین شود.
• با استفاده از دانش کسب شده در طول دوره، یک پروژه وب سایت تک صفحه ای دیگر را ایجاد کنید تا مهارت خود در طراحی و توسعه وب را نشان دهید.

توضیحات دوره

نکات برجسته دوره:

• آموزش تسلط به HTML: درک عمیقی از HTML، شامل تاریخچه، تگ‌ ها، ویژگی‌ ها و هنر فرمت بندی محتوای وب را بدست آورید.
• استایل دهی CSS: دنیای CSS را کشف کرده و به مفاهیم بنیادی مانند مدل جعبه، تایپوگرافی، سفارشی سازی پس‌ زمینه و تکنیک‌ های طراحی واکنش گرا، مسلط شوید.
• یادگیری مبتنی بر پروژه: دانش جدید خود را با ایجاد پروژه های واقعی، از جمله یک وب سایت تک صفحه ای به منظور نشان دادن مهارت های خود، به کار بگیرید.
• دسترسی پذیری و سمانتیک: اهمیت HTML سمانتیک و دسترسی وب را برای ایجاد وب‌ سایت‌ های فراگیر و کاربرپسند کشف کنید.
• تست و اشکال‌ زدایی: مهارت‌ های ضروری را در زمینه تست، اشکال‌ زدایی و اطمینان از سازگاری cross-browser برای یک تجربه وب یکپارچه، بدست آورید.

این دوره برای چه کسانی مناسب است:

• توسعه دهندگان وب که به دنبال تقویت مهارت های HTML و CSS خود هستند.
• مبتدیانی که مشتاق هستند تا به دنیای طراحی و توسعه وب به طور عمیق وارد شوند.
• طراحان UX یا UI که به دنبال آشنایی بهتر با HTML و CSS برای پروژه های خود هستند.
• کسانی که به ایجاد وب سایت های جذاب و واکنش گرا علاقه دارند.
• توسعه‌ دهندگان فرانت اند سطح مبتدی که می‌ خواهند حرفه خود را در زمینه توسعه وب فرانت اند دنبال کنند.