حالت مطالعه
آموزش جامع HTML & CSS پیشرفته عرفانویس
به هر وبسایتی در سطح اینترنت نگاه کنید، صرف نظر ازینکه با وردپرس پیاده شده یا کدنویسی اختصاصی، برای نمایش ظاهر خودش باید از زبان های HTML و CSS استفاده کنه. این دو زبان سنگ بنای تمام وبسایت ها هستند.
اگر قصد دارید طراحی سایت رو با کدنویسی اختصاصی یاد بگیرید تا بتونید بعنوان توسعه دهنده فرانت اند فعالیت کنید، قدم اول شما اینه که زبان HTML رو برای پیاده سازی ساختار صفحه و زبان CSS رو برای استایلدهی عناصر صفحه استفاده کنید.
حتی اگر با وردپرس طراحی سایت انجام میدید، این دوره آموزشی مناسب شماست!
چون عملاً میتونید به دلخواه خود یا درخواست کارفرمای پروژه، هر دستکاری و یا شخصی سازی در قالب وبسایت اعمال کنید. این توانایی هم باعث جلب اعتماد بیشتر مشتری برای شما میشه و هم شانس بیشتری در گرفتن پروژه های طراحی سایت خواهید داشت.
HTML و CSS چیست؟
زبان HTML(Hyper Text Markup Language) یک زبان نشانه گذاری متن در صفحات وب است. به این معنی که در فرآیند طراحی صفحات وب، با استفاده از موجودیتی به اسم Tag(برچسب) اقدام به تعریف و برچسب گذاری قسمت های مختلف صفحه میکنیم.
این کار به چند هدف استفاده میشود: هم برای تعریف عناصر صفحه که در آینده بتوانیم روی آنها استایلدهی و برنامه نویسی انجام دهیم، هم برای شناساندن اجزای مختلف صفحه به مرورگر و گوگل می باشد تا پس از تفسیر محتویات صفحه ی وب ما، متوجه شود که کجا از تصاویر، دکمه ها، لینک ها و … استفاده کردیم.
زبان CSS(Cascading Stylesheet) یک زبان استایل نویسی است تا به کمک آن بتوانیم عناصر HTML ای را استایلدهی کنیم. تغییر سایز فونت و ابعاد، چیدمان صفحه، رنگدهی، انیمیشن گذاری و … هر وظیفه ای که مربوط به نوع نمایش عناصر باشد با استفاده از زبان CSS امکانپذیر است.
فصل اول: مفاهمیم اولیه، نصب ادیتور کد
با مفاهیم و ابزارهای اولیه کارمون آشنا بشیم و سپس، اولین صفحه وب رو سریعاً ایجاد کنیم.
فصل دوم: تگهای تایپوگرافی و متا تگها
نحوه نمایش متن های صفحه رو تعیین و برخی تنظیمات صفحه رو انجام بدیم.
متا تگها، اتریبیوت ها و تگ title ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگهای هدینگ، کامنت ها، نصب live server ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگهای br, small, kbd, code, pre, mark ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگهای abbr, u, ins, del, s, i, em, strong, b, q, blockqoute ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل سوم: لینک ها، div و span
با تگ a و روشهای لینکدهی و مفهوم Inline & Block بودن عناصر آشنا بشیم.
آشنایی با تگ a و لینکدهی Interal ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
لینکدهی External، ساخت لینک دانلود، navigation در صفحه ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تمرین: ساخت لینکهای ارجاع به ایمیل، شماره تماس و ... تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آشنایی با تگ base و کاربرد اون ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آشنایی با تگ div و span، مفهوم Inline & Block ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل چهارم: اضافه کردن مالتی مدیا
افزودن تصویر، ویدئو و محتوای صوتی به صفحه وب رو یاد بگیریم.
تگ img و pircture ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگ video, audio ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فرمت دوم افزودن video, audio ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل پنجم: لیست ها و جداول، سلام بر CSS
با جدول و لیست ها آشنا میشیم، سپس اولین کدهای CSS مون رو میزنیم.
لیست های ol, ul, dl و تگ details/summary ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "رزومه من"، شروع css و آشنایی با class. تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ساخت جدول با تگ table ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "جدول درآمد ها"، نحوه ایجاد فایل External CSS تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل ششم: عناصر form
با استفاده از input ها، دریچه هایی برای دریافت داده از کاربر ایجاد میکنیم.
تگ form و input ها ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگ form و input ها (قسمت دوم) ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
global attributes ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگ select و datalist ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تمرین - فرم ثبت نام تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل هفتم: تگهای Semantic، افزودن favicon
با تگهای معنایی در HTML5 و نحوه افزودن favicon به صفحات آشنا میشیم.
تگهای header, footer, main, article, section, address ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "بازبینی فیلم" تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگهای nav, aside, figure, figcaption ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تگهای progress, samp, var, meter ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
افزودن تصویر favicon و آشنایی با html entities ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل هشتم: selector ها در CSS
تمام روشهای انتخاب عناصر html ای رو بصورت کامل و حرفه ای یاد میگیریم.
مقدمه CSS، سلکتور های type, .class, #id ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
انتخابگر های جایگاه(nth:) ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
pseudo-classes: link, visited, hover, active ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
pseudo-classes: not, empty ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
pseudo-classes: child selectors ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
انتخابگرهای جدید is: و where: ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
انتخابگر های مخصوص attribute ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مفهوم Specificity و Chaining ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تفاوت is: و where: ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
pseudo-elements: line, letter, selection, marker ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
pseudo-elements: placeholder ویدئو
به کمک این شبه عناصر میتونم با استفاده از css تشخیص بدیم چه input ای پره و چه input ای خالی!
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل نهم: شناخت Box-Model و اجزای آن
قراره با box-model عناصر و اجزای اونها رفاقت کنیم.
مفهوم box-model ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
توضیح box-model قسمت content، پراپرتی display ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تمام گفتنی ها از padding ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
گفتنی ها از border و border-radius ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تمام گفتنی ها از margin ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
margin در عمق، پراپرتی writing-mode ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
بروز شرایطی به اسم Margin Collapse ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
توابع جدید min, max, clamp ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
after: و before: ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تمرین از after: و before: تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل دهم: ایستگاه تمرینی
با ترکیب تمام توانایی هایی که تا اینجا کسب کردیم، مینی پروژه مون نشه؟
مینی پروژه "profiles" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "profiles" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Product Card" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Product Card" قسمت دوم (+مفهوم css reset) تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Product Card" قسمت سوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Product Card" قسمت چهارم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Product Card" قسمت پنجم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Product Card" قسمت ششم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Product Card" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل یازدهم: Position ها و Visual Rules
سراغ اساسی ترین مبحث CSS میریم و با یک پروژه، انتهای فصل نماد "حرفه ای" کسب میکنیم.
Positions ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
z-index ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
overflow, visibility ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تفاوتهای overflow, visibility, opacity ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "toggle switch" جذاب تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "Dropdown Menu" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "Dropdown Menu" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "Dropdown Menu" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "فرم مدرن ثبت نام" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "فرم مدرن ثبت نام" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "فرم مدرن ثبت نام" قسمت سوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "فرم مدرن ثبت نام" قسمت چهارم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "فرم مدرن ثبت نام" قسمت پنجم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "فرم مدرن ثبت نام" قسمت ششم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "فرم مدرن ثبت نام" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل دوازدهم: واحدها، رنگها، فونتها و تایپوگرافی
از جذابیت های استایلدهی صفحات، مدیریت نحوه نمایش متون اونهاست.
واحد ها در CSS، قسمت اول ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
واحد ها در CSS، قسمت دوم ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آشنایی با سیستمهای رنگی در CSS ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تنظیم فونت دلخواه با font-face@ قسمت اول ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تنظیم فونت دلخواه با font-face@ قسمت دوم ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فونت ها در عمق ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تایپوگرافی در CSS قسمت اول ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تایپوگرافی در CSS قسمت دوم ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تایپوگرافی در CSS قسمت سوم ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تایپوگرافی در CSS قسمت آخر ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Timeline" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Timeline" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Timeline" قسمت سوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Timeline" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل سیزدهم: Transition و Background ها
مدیریت کامل تصویر پس زمینه و کنترل سرعت تغییر استایل هارو تو این فصل یاد میگیریم.
Transition در CSS قسمت اول ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Transition در CSS قسمت دوم ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
افزودن Transition به پروژه های قبلی ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "هاور افکت خاص" تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "focus افکت خاص" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "focus افکت خاص" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "focus افکت خاص" قسمت سوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "focus افکت خاص" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Background در CSS قسمت اول ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Background در CSS قسمت دوم ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Background در CSS قسمت آخر ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Input Component" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Input Component" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Input Component" قسمت سوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Input Component" قسمت چهارم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "Input Component" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
مینی پروژه "افکت خاص دکمه" تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل چهاردهم: سیستم چیدمان Flexbox
کسب قدرت خواهیم کرد در چیدمان و تراز بندی مجموعه عناصر صفحه.
آموزش گرافیکی Flexbox قسمت اول ویدئو
flex-direction, flex-wrap, flex-flow
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آموزش گرافیکی Flexbox قسمت دوم ویدئو
justify-content, alignItems, alignContent, alignSelf
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Flexbox قسمت اول ویدئو
flex-direction, flex-wrap, flex-flow, justify-content
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Flexbox قسمت دوم ویدئو
align-items, align-content, differences
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Flexbox قسمت سوم ویدئو
gap in flexbox
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Flexbox قسمت آخر ویدئو
order, align-self, flex-basis, flex-shrink, flex-grow, flex
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
نکته طلایی هنگام کار با flexbox ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه تک صفحه "Amanda" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه تک صفحه "Amanda" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه تک صفحه "Amanda" قسمت سوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه تک صفحه "Amanda" قسمت چهارم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه تک صفحه "Amanda" قسمت پنجم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه تک صفحه "Amanda" قسمت ششم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه تک صفحه "Amanda" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل پانزدهم: Shadow, Gradient, Blending
مهارتهای تکمیلی مون رو با یادگیری سایه ها، آمیختگی عناصر و گردینت ها ادامه میدیم.
Shadow قسمت اول ویدئو
box-shadow, text-shadow
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Shadow قسمت دوم ویدئو
drop-shadow(), shadow in depth
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Gradient قسمت اول ویدئو
linear-gradient, radial-gradient
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Gradient قسمت دوم ویدئو
gradients in depth
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی background-blend-mode ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی mix-blend-mode ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل شانزدهم: فیلترها، فضای 2D و 3D با Transform
پس از فیلترها، تغییر ابعاد و مکان عناصر بصورت چند بعدی رو یاد میگیریم.
ویژگی Transform قسمت اول ویدئو
تابع ()translate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی Transform قسمت دوم ویدئو
توابع scale, rotate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی Transform قسمت آخر ویدئو
توابع skew, matrix
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی transform-origin ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
اعمال فضای 3D ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی perspective-origin ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی transform-style ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ویژگی backface-visibility ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "ساخت مکعب سه بعدی" تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فیلتر ها در CSS ویدئو
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی پروژه "Our Team" قسمت اول تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی پروژه "Our Team" قسمت دوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی پروژه "Our Team" قسمت سوم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی پروژه "Our Team" قسمت چهارم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی پروژه "Our Team" قسمت پنجم تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی پروژه "Our Team" قسمت آخر تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کدنویسی "شبکه های اجتماعی 3d" تمرین
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل هفدهم: انیمیشن ها، طراحی قالب ریسپانسیو
جذابترین انیمیشن ها بدست ما پیاده میشن، اونهم در وبسایت هایی که در هر دستگاهی بدون بهم ریختگی نمایش داده میشن.
طراحی ریسپانسیو در CSS - قسمت اول ویدئو
تعریف media@ ها در CSS
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
طراحی ریسپانسیو در CSS - قسمت دوم ویدئو
ترکیب media@ ها
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
طراحی ریسپانسیو در CSS - قسمت آخر ویدئو
اصول نهایی طراحی قالب Responsive
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
انیمیشن ها در CSS - قسمت اول ویدئو
تعریف انیمیشن با استفاده از keyframes@
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
انیمیشن ها در CSS - قسمت دوم ویدئو
استفاده از انیمیشن های تعریف شده
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
جلسه طلایی - اصول طراحی انیمیشن روان ویدئو
چگونه انیمیشن های روانی داشته باشیم؟
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
برچسب: CSS HTML طراحی سایت فرانت اند
دوره های مرتبط
آموزش رایگان shadcn/ui
در توسعه فرانت اند، کامپوننت های پر استفاده مثل تقویم، عناصر فرم و.. رو بدون افزودن کتابخانه در پروژه پیاده سازی کنید.
نظرات
قیمت :
420,000 تومان
درصد پیشرفت دوره: %84
17.33k بازدید 10 دیدگاه
عرفان اسدی
مدیر وبسایت عرفانویسمدیر وبسایت عرفانویس، کارشناس علوم کامپیوتر، توسعه دهنده فرانت اند React.js که گاهی دستی بر ++C هم میبره.
دسته: طراحی سایت، فرانت اند
فهیمه صادقی( دانشجوی دوره )
سلام توانایی شما در ارائه مباحث بسیار عالیه و من رو بیشتر علاقه مند فرانت کرد. لطفا دوره جاوا اسکریپت هم قرار بدید مهندس. ممنون
Erfan_admin_Asadi(مدیریت)
ممنون از نظر شما.
حتما و به زودی. دوره در حال تنظیم محتواست.
سمیه علیزاده( دانشجوی دوره )
بسیار عالی، سطح تسلط تون فوق العادس. لطفاً پروژه های تمرینی بزرگ هم بزارید.
Erfan_admin_Asadi(مدیریت)
حتما! به درخواست شما آپدیت های همیشگی روی دوره قرار میگیره.
فیروزه اعتصامی( دانشجوی دوره )
تشکر خیلی کامله سرفصل ها
Erfan_admin_Asadi(مدیریت)
ممنون از اعتماد و انتخابتون.
در ادامه مسیر برنامه نویسی همراهتون هستم.
سیاوش باقری( دانشجوی دوره )
تو روز برنامه نویس کارم رو استارت میکنم به امید موفقیت 😍
Erfan_admin_Asadi(مدیریت)
حتما موفق خواهی بود سیاوش جان. بهت کلی تبریک میگم
فرامرز آقایی( دانشجوی دوره )
دم شما گرم حسابی وقت گذاشتید بابت تمرینا، منتظر دوره جاوا اسکریپتتونما
حانیه صادقی( دانشجوی دوره )
ممنون از آموزش خوبتون.