126- ساخت منو نوبار خلاقانه فقط با HTML & CSS (بخش ١) مینی پروژه Navigation Bar

Դասեր166 դաս

• ✓101 - آموزش جامع HTML & CSS | شروع مسیر طراحی سایت🔥
• ✓202 - هوش مصنوعی و آینده برنامه نویسی!!! 😨
• ✓303 - مفهوم html و css در قالب سایت های واقعی
• ✓404 - اقدامات اولیه قبل از شروع html و css - آماده سازی محیط کدنویسی 🧑‍💻
• ✓505 - ساخت اولین فایل html در vscode - روش های ران کردن html 👊
• ✓606 - شخصی سازی vscode | تغییر تم و فونت پیشفرض 🦋
• ✓707 - آشنایی با تگ ها در html | انواع تگ ها - دوره جامع html & css
• ✓808 - آموزش ساختار کد های اصلی html | دوره جامع html css
• ✓909 - آموزش تگ های heading | قوانین استفاده از تایتل
• ✓1010 - آموزش تگ p | ساخت متن در سایت
• ✓1111 - مرتب سازی کد ها در html | حذف فاصله ها بصورت اتوماتیک
• ✓1212 - کامنت گذاری در html | اصول درست کامنت گذاری 👌
• ✓1313 - تگ های b و strong | تفاوتشون چیه؟ 🤔
• ✓1414 - تکمیل تگ های فرمتینگ - دوره جامع html & css
• ✓1515 - تگ a | لینک دهی خارجی در html
• ✓1616 - تگ a | لینک دهی داخلی در html
• ✓1717 - لینک خنثی - چرا وقتی رو تگ a میزنم، میپره به اول صفحه؟؟ 🤔
• ✓1818 - تگ a - نحوه دانلود محتوای سایت با تگ a 🚀
• ✓1919 - تگ img - ایجاد تصویر در سایت با html
• ✓2020 - تگ img - نمایش تصاویر خارجی با html
• ✓2121 - تگ Picture - تصاویر مختلف در ابعاد مختلف 🤯
• ✓2223 - لیست ها در html - تگ های ul و li
• ✓2322 - هرچه درباره favicon باید بدونی - کاربرد favicon
• ✓2424 - تگ table - ساهت جدول در html
• ✓2525 - مباحث پیشرفته تگ table - استایل دادن به جداول
• ✓2626 - مفهوم inline و block در تگ ها | آموزش جامع html & css
• ✓2727 - تگ span - تفاوت span و تگ p
• ✓2828 - اولین پروژه تمرینی با html & css - قسمت اول
• ✓2929 - اولین پروژه تمرینی با html & css - قسمت دوم
• ✓3030- اولین پروژه تمرینی با html & css - قسمت سوم
• ✓3131 - دو روش برای وصل کردن css به html
• ✓3232 - استایل دهی با روش external - دوره جامع html css
• ✓3333 - الویت روش های استایل دادن در css _ دوره جامع html css
• ✓3434 - مفاهیم پایه css _ سلکتور ها و روش های کامنت گذاری
• ✓3535 - کار با انتخابگر class - دوره جامع html css
• ✓3636 - کار با انتخابگر آیدی | ID Selector
• ✓3737 - مفهوم ارث بری در css
• ✓3838 - آموزش تگ div در html
• ✓3939 - تگ های معنادار در html - قسمت اول
• ✓4040 - تگ های معنادار در html - قسمت دوم
• ✓4141 - تگ های معنادار در html - قسمت سوم
• ✓4242 - entity code, computer code
• ✓4343 - استفاده از آیکون ها در html _ کتابخانه font Awesome
• ✓4444 - پروژه تمرینی سایت کافه با html css - قسمت اول
• ✓4545 - پروژه تمرینی سایت کافه با html css - قسمت دوم
• ✓4646 - پروژه تمرینی سایت کافه با html css - قسمت سوم
• ✓4747 - پروژه تمرینی سایت کافه با html css - قسمت چهارم
• ✓4848 - پروژه تمرینی سایت کافه با html css - قسمت پنجم
• ✓4949 - پروژه تمرینی سایت کافه با html css - قسمت آخر
• ✓5050 - بالا بردن سرعت کدنویسی در html | ترفند های Emmet 😉
• ✓5151 - فرم ها در html - قسمت اول | باحالترین دوره html css 😜
• ✓5252 - فرم ها در html - قسمت دوم | باحالترین دوره html css 😛
• ✓5353 - آموزش اتریبیوت های تگ فرم | action و method
• ✓5454 - اینپوت ها در html - قسمت اول | آموزش html css به سبکِ خودمونی و باحال 🤪🤘
• ✓5555 - اینپوت ها در html - قسمت دوم | آموزش html css به سبکِ باحال و خودمونی 😎
• ✓5656 - اینپوت ها در html - قسمت سوم | انرژی بخش ترین دوره html css 😛
• ✓5757 - تگ های Textarea و Select | دوره رایگان HTML CSS ⚡
• ✓5858 - تگ button و fieldset | دسته بندی فرم ها در html
• ✓5959 - کاربرد مهم تگ datalist | دوره جامع html css
• ✓6060 - مینی پروژه فرم ثبت نام با html css | قسمت اول
• ✓6161 - مینی پروژه فرم ثبت نام با html css | قسمت دوم
• ✓6262 - مینی پروژه فرم ثبت نام با html css | قسمت سوم
• ✓6363 - مینی پروژه فرم ثبت نام با html css | قسمت چهارم
• ✓6464 - مینی پروژه فرم ثبت نام با html css | قسمت پنجم
• ✓6565 - مینی پروژه فرم ثبت نام با html css | قسمت ششم
• ✓6666 - مینی پروژه فرم ثبت نام با html css | قسمت آخر
• ✓6767- آموزش تگ iframe | نمایش نقشه در سایت
• ✓6868 - آموزش تگ Video | دوره جامع html css
• ✓6969 - آموزش تگ Audio | آموزش جامع html css
• ✓7070 - کاربرد های تگ SVG | آموزش html css با تم جنگی 😂🗡️
• ✓7171 - تگ Canvas | آخرین تگ در html ✅
• ✓7272 - یادآوری مفاهیم پایه ای css | شروع یادگیری css
• ✓7373 - انتخابگر های ترکیبی در CSS | کاملترین دوره html css ☠️
• ✓7474 - انتخابگر سراسری در css | global Selector
• ✓7575 - رنگ ها داخل css | شروع کار با رنگ ها 🎨
• ✓7676 - رنگ‌ ها در CSS با کدهای Hex | رنگ های متنوع بساز! 🎨
• ✓7777 - رنگ های RGB و RGBA! رنگ های زنده در طراحی وب 🎨💡
• ✓7878 - رنگ‌های HSL و HSLA در CSS | دوره جامع html css
• ✓7979 - کار با background-image (پارت 1) | دوره جامع html css
• ✓8080 - کار با background-image (پارت 2) | دوره جامع html css
• ✓8181 - کوتاه نویسی بک گراند | background shorthand
• ✓8282 - دو تا عکس روی هم 🫢☠️ | Multiple background url
• ✓8383 - بک گراند خطی یا همون linear gradient + پروژه تمرینی آخر ویدیو 🤟
• ✓8484 - بک گراند Radial Gradient | تفاوتش با Linear Gradient ✨
• ✓8585 - گرادینت های تکرار شونده | Repeating Gradient
• ✓8686 - با Overlay متن روی تصاویر رو خوانا تر کن ✒️
• ✓8787 - ساخت دایره های رنگارنگ با css | آموزش Conic Gradient 🎨
• ✓8888 - شروع Box Model — آموزش width و height 📏
• ✓8989 - سیر تا پیاز Padding | کاملترین دوره html css
• ✓9090 - آموزش Border و Border-Radius در CSS | صفر تا پیشرفته با تمرینات عملی
• ✓9191 - آموزش Margin در CSS | وسط چین کردن المنت ها با margin
• ✓9292 - پروژه تمرینی هدر سایت | آموزش کامل html css ✨
• ✓9393 - پروژه تمرینی کارت محصول با HTML CSS | باحالترین دوره html css 😉
• ✓9494 - پروژه تمرینی سایت صوفی هاب ☠️ | خفن ترین دوره html css 😎
• ✓9595 - کاربرد box-sizing: border-box در CSS | تاثیرش روی سایت چیه؟ 🤔
• ✓9696 - آموزش کامل DevTools در مرورگر | افزایش سرعت دیباگ و حرفه‌ای شدن در برنامه‌نویسی
• ✓9797 - مفهوم Outline در CSS | یبار برا همیشه تفاوت Outline و Border رو یاد بگیر 😎
• ✓9898 - Box-Shadow در CSS | ساخت سایه و افکت سه‌بعدی برای دکمه ها و المنت‌ها
• ✓9999 - ادامه انتخابگر های css برای انتخاب دقیق تر المنت ها
• ✓100100 - تمرین عملی برای درک بهتر انتخابگر های ویژگی در CSS
• ✓101101 - شبه کلاس های مهم در CSS - آموزش pseudo class
• ✓102102 - پروژه تغییر تصویر فقط با HTML CSS | ترفندی که خیلیا بلد نیستن 🤐
• ✓103103 - کنترل کامل لینک‌ها و فرم‌ها با سودوکلاس‌های CSS | Pseudo Class
• ✓104104 - شبه کلاس های ساختاری در CSS | تکنیک‌هایی برای استایل دقیق‌تر ✅
• ✓105105 - پروژه‌ی منوی باز و بسته شونده فقط با HTML و CSS 😯
• ✓106106 - شبه کلاس های مدرن | Pseudo Class های پیشرفته در CSS 😉
• ✓107107 - پراپرتی‌های متن در CSS | آموزش استایل متن - بخش اول 📝
• ✓108108 - پراپرتی‌های متن در CSS | آموزش استایل متن - بخش دوم 📝
• ✓109109 - کار با font در css | آموزش کامل font-family
• ✓110110 - ترفندهای مدیریت فونت در CSS | پراپرتی های فونت | تایپوگرافی
• ✓111111 - آموزش اضافه کردن فونت دلخواه به وبسایت با CSS
• ✓112112 - پروژه تمرینی HTML & CSS | کار با فونت و تایپوگرافی - قسمت اول
• ✓113113 - پروژه تمرینی HTML & CSS | کار با فونت و تایپوگرافی - قسمت دوم
• ✓114114 - واحد های اندازه گیری ثابت | دوره رایگان html css
• ✓115115 - تفاوت Rem و Em | واحد های اندازه گیری در CSS
• ✓116116 - واحد های اندازه گیری نسبی در CSS | کاملترین دوره رایگان html css
• ✓117117 - واحدهای مدرن در CSS برای طراحی دقیق در موبایل! (svh lvh dvh)
• ✓118118 - دیدن نتیجه‌ی کد روی موبایل | هر برنامه نویسی باید بلد باشه
• ✓119119 - آموزش کامل Display در CSS | نحوه نمایش المنت ها در سایت
• ✓120120 - سیر تا پیاز پوزیشن های Relative و Absolute | آموزش Position در css
• ✓121121 - آموزش position در CSS | فرق fixed و sticky ساده و کاربردی
• ✓122122 - تمرین پوزیشن های CSS | پروژه واقعی سایت کافه تریسا
• ✓123123 - تمرین پوزیشن‌های CSS (قسمت دوم) | پروژه واقعی سایت کافه تریسا
• ✓124124 - آموزش عملی سودو المنت های after و before در CSS | از پایه تا پروژه واقعی
• ✓125125 - ساخت Tooltip ساده فقط با HTML و CSS | کامل ترین دوره html css
• ✓126126- ساخت منو نوبار خلاقانه فقط با HTML & CSS (بخش ١) مینی پروژه Navigation Bar
• ✓127127- ساخت منو نوبار خلاقانه فقط با HTML & CSS (بخش ۲) مینی پروژه Navigation Bar
• ✓128128- ساخت منو نوبار خلاقانه فقط با HTML & CSS (بخش ۳) مینی پروژه Navigation Bar
• ✓129129 - آموزش سودو المنت ها در CSS | کاربرد Pseudo Elements
• ✓130130 - رفع مشکل کشیدگی عکس با این سه پراپرتی جادویی در CSS!
• ✓131131 - آموزش فیلترها در CSS | تفاوت filter و backdrop-filter به زبون ساده
• ✓132132 - راز ساخت افکت گلس مورفیسم با HTML & CSS - پروژه کارت شیشه‌ای
• ✓133133 - راز ساخت بوردر گرادینت با گوشه‌های گرد در CSS | حل مشکل کار نکردن Border-Radius
• ✓134134 - آموزش گرادینت دادن به متن | Text Gradient در CSS
• ✓135135 - آموزش !important در CSS به زبان ساده | استفاده اشتباه، استایل هاتو بهم میریزه ⚠️
• ✓136136 - آموزش margin-block و padding-inline در CSS
• ✓137137 -Background-Clip در CSS | ساخت متن‌های جذاب و افکت های خلاقانه
• ✓138138 - کدنویسی پروژه سایت نمونه کار (پارت 1)
• ✓139139 - کدنویسی پروژه سایت نمونه کار (پارت 2)
• ✓140140 - کدنویسی پروژه سایت نمونه کار (پارت 3)
• ✓141141 - کدنویسی پروژه سایت نمونه کار (پارت 4)
• ✓142142 - کدنویسی پروژه سایت نمونه کار (پارت 5)
• ✓143143 - کدنویسی پروژه سایت نمونه کار (پارت 6)
• ✓144144 - کدنویسی پروژه سایت نمونه کار (پارت 7)
• ✓145145 - کدنویسی پروژه سایت نمونه کار (پارت 8)
• ✓146146 - کدنویسی پروژه سایت نمونه کار (پارت 9)
• ✓147147 - کدنویسی پروژه سایت نمونه کار (پارت 10)
• ✓148148 - کدنویسی پروژه سایت نمونه کار (پارت 11)
• ✓149کوهنوردی در زمستان | صعود انفرادی به قله توچال 🥶🗻
• ✓150149 - کدنویسی پروژه سایت نمونه کار (پارت 12)
• ✓151150 - وبسایت چند صفحه ای MPA (پارت 13)
• ✓152151 - وبسایت چند صفحه ای MPA - سایت نمونه کار (پارت 14)
• ✓153152 - دیپلوی رایگان سایت با Vercel | آنلاین کردن وبسایت در چند دقیقه ⭐
• ✓154153 - آموزش بالا آوردن سایت روی هاست و دامنه 🚀 (پارت 1)
• ✓155154 - آموزش بالا آوردن سایت روی هاست و دامنه 🚀 (پارت 2)
• ✓156155 - صفر تا صد CSS Transition به زبان ساده
• ✓157156 - آموزش کامل CSS Transform - پارت 1
• ✓158157 - آموزش 3D Transform | دنبای سه بُعدی در CSS 🚀
• ✓159158 - پروژه‌ی فرم خلاقانه (بخش اول) | دوره جامع HTML & CSS
• ✓160159 - پروژه‌ی فرم خلاقانه (بخش دوم) | دوره جامع HTML & CSS
• ✓161160 - جادوی Clip-Path در CSS 🪄 | برش تصاویر و ساخت اّشکال کاستوم
• ✓162161 - BEM در CSS چیست؟ آموزش نام‌گذاری حرفه‌ای کلاس‌ها در CSS
• ✓163162 - آموزش تودرتو نویسی در CSS | کامل‌ترین راهنمای Nested Styling 🚀
• ✓164163 - متغیرهای CSS چطور کار میکنن؟ | CSS Variables از صفر
• ✓165164 - متغیر های CSS - آموزش CSS Variables (پارت 2)
• ✓166165 - ساخت Dark Mode و Light Mode با CSS Variables 🌙 | پروژه عملی CSS

ՆախորդՀաջորդ

Դասընթացի էջ