- Видео 47
- Просмотров 3 953
TeapLearn
Добавлен 16 ноя 2020
Hello my name is sina nabatiyan.
سلام به همگی!
من سینا نباتیان هستم و اینجا محلیه برای یادگیری و رشد. در این کانال، هر هفته ویدیوهای آموزشی متنوعی ارائه میکنم؛ از طراحی گرافیکی و برنامهنویسی تا نکات پیشرفته کار با نرمافزارها و اپلیکیشنهای کاربردی. تلاش میکنم محتوایی بسازم که هم ساده و قابلفهم باشه و هم برای حرفهایها مفید و الهامبخش.
اگر از مطالب کانال لذت بردید، با سابسکرایب کردن و حمایتتون، به من انرژی میدید تا با انگیزه بیشتری مسیر آموزش رو ادامه بدم. همراهیتون برای من بسیار ارزشمنده.
سلام به همگی!
من سینا نباتیان هستم و اینجا محلیه برای یادگیری و رشد. در این کانال، هر هفته ویدیوهای آموزشی متنوعی ارائه میکنم؛ از طراحی گرافیکی و برنامهنویسی تا نکات پیشرفته کار با نرمافزارها و اپلیکیشنهای کاربردی. تلاش میکنم محتوایی بسازم که هم ساده و قابلفهم باشه و هم برای حرفهایها مفید و الهامبخش.
اگر از مطالب کانال لذت بردید، با سابسکرایب کردن و حمایتتون، به من انرژی میدید تا با انگیزه بیشتری مسیر آموزش رو ادامه بدم. همراهیتون برای من بسیار ارزشمنده.
آموزش متا تگ‌ها در HTML - تعریف، کاربردها و پرکاربردترین متا تگ‌ها برای سئو
آموزش کامل Meta Tags در HTML - تاثیر در سئو و بهترین متا تگ‌ها
در این ویدیو به صورت کامل مفهوم متا تگ‌ها (Meta Tags) و کاربردهای آنها در توسعه وب و سئو را توضیح داده‌ام. متا تگ‌ها یکی از مهم‌ترین ابزارها برای ایندکس شدن صفحات وب توسط ربات‌های موتورهای جستجو مانند گوگل هستند و همچنین نقش کلیدی در سازگاری مرورگرها و نمایش صفحات وب دارند.
موضوعات اصلی این ویدیو:
1. Meta Tag چیست؟
تعریف متا تگ و نقش آن در صفحات HTML.
تأثیر متا تگ‌ها بر سئو و رتبه‌بندی سایت.
2. کاربردهای متا تگ‌ها
چگونگی استفاده از متا تگ‌ها برای بهینه‌سازی محتوا.
نقش متا تگ‌ها در مرورگرهای قدیمی و سازگاری دستگاه‌ها.
3. پرکاربردترین متا تگ‌ها
Meta Charset: تنظیم کدگذاری صفحه (UTF-8).
Meta Viewport: بهینه‌سازی نمایش در دستگاه‌های موبایل.
M...
در این ویدیو به صورت کامل مفهوم متا تگ‌ها (Meta Tags) و کاربردهای آنها در توسعه وب و سئو را توضیح داده‌ام. متا تگ‌ها یکی از مهم‌ترین ابزارها برای ایندکس شدن صفحات وب توسط ربات‌های موتورهای جستجو مانند گوگل هستند و همچنین نقش کلیدی در سازگاری مرورگرها و نمایش صفحات وب دارند.
موضوعات اصلی این ویدیو:
1. Meta Tag چیست؟
تعریف متا تگ و نقش آن در صفحات HTML.
تأثیر متا تگ‌ها بر سئو و رتبه‌بندی سایت.
2. کاربردهای متا تگ‌ها
چگونگی استفاده از متا تگ‌ها برای بهینه‌سازی محتوا.
نقش متا تگ‌ها در مرورگرهای قدیمی و سازگاری دستگاه‌ها.
3. پرکاربردترین متا تگ‌ها
Meta Charset: تنظیم کدگذاری صفحه (UTF-8).
Meta Viewport: بهینه‌سازی نمایش در دستگاه‌های موبایل.
M...
Просмотров: 38
Видео
آموزش کامل سلکتورها و کامبینتور‌ها در CSS - انتخاب و ترکیب حرفه‌ای عناصر در طراحی وب
Просмотров 2716 часов назад
آموزش کامل CSS Selectors و Combinators - انواع سلکتورهای CSS و کاربردهای آنها در این ویدیو به صورت جامع و کاربردی مفهوم سلکتورها (Selectors) و کامبیناتورها (Combinators) در CSS را توضیح داده‌ام. این بخش یکی از مهم‌ترین مباحث CSS است که به شما امکان می‌دهد به صورت دقیق عناصر مختلف HTML را هدف‌گذاری و استایل‌دهی کنید. موضوعات اصلی این ویدیو: 1. Selectors چیست؟ معرفی سلکتورها و اهمیت آنها در CSS. ...
آموزش کامل Float و Clear در CSS - مزایا، محدودیت‌ها و کاربرد در سایت‌های واکنش‌گرا
Просмотров 2319 часов назад
آموزش Float و Clear در CSS - کاربردها، مشکلات و راه‌حل‌ها در این ویدیو، به صورت کامل مفهوم float و clear در CSS را بررسی کرده‌ام. این دو ویژگی زمانی برای چیدمان محتوا بسیار پرکاربرد بودند، اما با ظهور تکنیک‌های مدرن مانند Flexbox و Grid، استفاده از آنها کاهش یافته است. همچنین مشکلات و محدودیت‌های float و راه‌حل‌هایی برای مدیریت این مشکلات را توضیح داده‌ام. موضوعات اصلی این ویدیو: 1. Float چیست؟...
آموزش استفاده از آیکون‌های FontAwesome در وب - افزودن آیکون‌های حرفه‌ای به طراحی سایت
Просмотров 3421 день назад
آموزش کامل Font Awesome - اضافه کردن، استایل‌دهی و انیمیشن آیکون‌ها در وبسایت در این ویدیو به صورت جامع به معرفی Font Awesome پرداخته‌ام؛ یک کتابخانه محبوب و کاربردی برای استفاده از آیکون‌ها در طراحی وبسایت. در این آموزش، نحوه اضافه کردن این کتابخانه به پروژه، استفاده از کلاس‌های آن، استایل‌دهی به آیکون‌ها و حتی انیمیشن‌دادن به آنها را به شما نشان داده‌ام. همچنین درباره استفاده از کیت‌های شخ...
آموزش Overflow در CSS - مدیریت محتوای اضافی و طراحی وب دقیق
Просмотров 4721 день назад
آموزش کامل Overflow در CSS - کنترل سرریز محتوا و تکنیک‌های پیشرفته در این ویدیو، به صورت کامل مفهوم سرریز محتوا (Overflow) در CSS و کاربردهای آن را توضیح داده‌ام. این ویژگی یکی از مهم‌ترین ابزارها برای مدیریت محتوای وب‌سایت‌های داینامیک است. در این آموزش، از مفاهیم پایه‌ای overflow گرفته تا مفاهیم پیشرفته‌تر مثل overflow-wrap، clip-margin و موارد دیگر بررسی شده است. موضوعات اصلی این ویدیو: 1. O...
آموزش پوزیشن در CSS - کار با Sticky، Fixed و Z-Index برای چیدمان پیشرفته
Просмотров 5021 день назад
آموزش پوزیشن در CSS - کار با Sticky، Fixed و Z-Index برای چیدمان پیشرفته در این ویدیو، به صورت جامع به ویژگی‌های position: sticky و position: fixed در CSS پرداخته‌ام. این دو مقدار، ابزارهای قدرتمندی برای مدیریت چیدمان لایه‌ها و ایجاد افکت‌های پیشرفته در صفحات وب هستند. همچنین، تفاوت‌ها، کاربردها، و نحوه تعامل این ویژگی‌ها با Z-Index و لایه‌بندی عناصر را به طور کامل بررسی کرده‌ام. موضوعات اصلی ا...
آموزش پوزیشن در CSS - استفاده از Relative، Static و Absolute برای چیدمان دقیق
Просмотров 11328 дней назад
آموزش پوزیشن در CSS - استفاده از Relative، Static و Absolute برای چیدمان دقیق در این ویدیو، به صورت کامل ویژگی position در CSS و نقش آن در چیدمان صفحه را توضیح داده‌ام. این ویژگی یکی از اصول پایه‌ای CSS است که درک درست آن برای طراحی حرفه‌ای صفحات وب ضروری است. همچنین، در این آموزش مفهوم تگ ریشه و المان پدر و تأثیر آنها بر چیدمان عناصر به‌طور کامل بررسی شده است. موضوعات اصلی این ویدیو: 1. Posit...
آموزش کامل Display در CSS | نکات چیدمان، Layout و معرفی Displayهای پرکاربرد
Просмотров 61Месяц назад
آموزش کامل Display در CSS | نکات چیدمان، Layout و معرفی Displayهای پرکاربرد در این ویدیو، به بررسی ویژگی display در CSS پرداخته شده است؛ یکی از مهم‌ترین مفاهیم برای کنترل چیدمان عناصر در صفحات وب. در این آموزش، انواع مقادیر پراپرتی display، از جمله inline، block، inline-block، flexbox، CSS Grid و display: table معرفی شده و تفاوت‌های آنها با یکدیگر توضیح داده شده است. همچنین به مفهوم کلی چیدما...
آموزش Direction و Unicode-Bidi در CSS | مدیریت زبان‌ها و طراحی وب چندزبانه
Просмотров 29Месяц назад
آموزش Direction و Unicode-Bidi در CSS | مدیریت زبان‌ها و طراحی وب چندزبانه در این ویدیو، به صورت جامع به ویژگی‌های direction و unicode-bidi در CSS پرداخته‌اید و کاربرد آنها را در مدیریت متن‌های چندزبانه بررسی کرده‌اید. همچنین مقادیر پیشرفته‌تر isolate، isolate-override و plaintext در unicode-bidi را توضیح داده‌اید که کنترل بیشتری در نمایش متون پیچیده ارائه می‌دهند. موضوعات اصلی این ویدیو: 1. D...
آموزش Google Fonts | کار با فونت‌های گوگل، سئو و نکات بهینه‌سازی سرعت وبسایت
Просмотров 32Месяц назад
آموزش Google Fonts | کار با فونت‌های گوگل، سئو و نکات بهینه‌سازی سرعت وبسایت در این ویدیو، با Google Fonts و نحوه استفاده از آن در HTML و CSS آشنا می‌شوید. همچنین نکات مهمی درباره‌ی بهینه‌سازی سئو، سرعت سایت، و انتخاب فونت‌های مناسب بررسی شده است. در این آموزش، از معرفی بخش‌های مختلف وبسایت گوگل فونت تا نحوه اضافه‌کردن فونت‌های ایرانی، همه‌چیز به‌طور کامل توضیح داده شده است. موضوعات اصلی این و...
آموزش فرمت‌بندی متن در CSS - کار با رنگ‌ها، تراز متن و استایل‌های حرفه‌ای
Просмотров 32Месяц назад
آموزش فرمت‌بندی متن در CSS - کار با رنگ‌ها، تراز متن و استایل‌های حرفه‌ای در این ویدیو، به ویژگی‌های مختلف متنی CSS پرداخته‌اید که به شما کمک می‌کنند تا متون را به شکل دقیق‌تری در صفحات وب نمایش دهید. در این ویدیو، ویژگی‌های color، background-color، text-align، text-decoration، و دیگر ویژگی‌های مرتبط با استایل‌دهی به متن‌ها توضیح داده شده است. موضوعات اصلی این ویدیو: Color: این ویژگی برای تنظیم...
آموزش Outline در CSS - طراحی و برجسته‌سازی حرفه‌ای عناصر وب
Просмотров 62Месяц назад
آموزش Outline در CSS | طراحی و برجسته‌سازی حرفه‌ای عناصر وب در این ویدیو، با خاصیت outline در CSS آشنا می‌شوید که برای اضافه کردن خطوط حاشیه‌ای اطراف عناصر HTML استفاده می‌شود. outline شباهت زیادی به border دارد، اما تفاوت‌هایی دارد که باعث می‌شود در برخی موقعیت‌ها انتخاب بهتری باشد. تفاوت outline و border: Outline به طور پیش‌فرض از فضای داخل عنصر (padding و content) استفاده نمی‌کند و در خارج ا...
آموزش جامع کار با فونت‌ها در CSS - طراحی حرفه‌ای متن و مدیریت استایل‌ها
Просмотров 28Месяц назад
آموزش جامع کار با فونت‌ها در CSS | طراحی حرفه‌ای متن و مدیریت استایل‌ها در این ویدیو به پراپرتی‌های فونت در CSS پرداخته‌اید که شامل تنظیمات مختلف برای سفارشی‌سازی متن‌ها است. در این ویدیو، ویژگی‌های font-family، font-size، font-style، font-weight، font-variant و استفاده از شورت هندل‌های این ویژگی‌ها به طور کامل توضیح داده شده است. این ویژگی‌ها به شما کمک می‌کنند تا متن‌ها را به بهترین شکل در صف...
آموزش Margin در CSS - مدیریت فاصله بین عناصر و طراحی منظم
Просмотров 59Месяц назад
آموزش Margin در CSS | مدیریت فاصله بین عناصر و طراحی منظم در این ویدیو، به سراغ آموزش margin در CSS می‌رویم که یکی از مفاهیم پایه و بسیار مهم برای فاصله‌گذاری عناصر در طراحی وب است. با margin می‌توانید فضای خالی بین عناصر مختلف را تنظیم کرده و طرح‌بندی صفحه را به شکل دلخواه خود درآورید. موضوعات کلیدی این ویدیو: Margin چیست؟ اهمیت استفاده از margin در طراحی وب. نحوه تنظیم مقادیر margin: مقدارهای...
آموزش Box Sizing در CSS - درک مفهوم باکس مدل و مدیریت ابعاد عناصر
Просмотров 70Месяц назад
آموزش Box Sizing در CSS | درک مفهوم باکس مدل و مدیریت ابعاد عناصر در این ویدیو، با مفهوم مهم box-sizing در CSS آشنا می‌شوید. Box-sizing مشخص می‌کند که مرورگر چگونه اندازه‌ی یک عنصر را محاسبه کند: آیا شامل padding و border باشد یا فقط محتوا را در نظر بگیرد. این ویژگی برای کنترل دقیق طراحی و جلوگیری از مشکلات اندازه‌گیری در صفحه بسیار حیاتی است. موضوعات کلیدی این ویدیو: Box-sizing چیست؟ تفاوت بین...
آموزش Padding در CSS - مدیریت فضای داخلی و طراحی زیبا
Просмотров 60Месяц назад
آموزش Padding در CSS - مدیریت فضای داخلی و طراحی زیبا
آموزش نکات حرفه‌ای Background در CSS | قرار دادن تصویر و طراحی جذاب
Просмотров 582 месяца назад
آموزش نکات حرفه‌ای Background در CSS | قرار دادن تصویر و طراحی جذاب
آموزش Background Color و Opacity در CSS | تنظیم رنگ و شفافیت در طراحی وب
Просмотров 342 месяца назад
آموزش Background Color و Opacity در CSS | تنظیم رنگ و شفافیت در طراحی وب
آموزش Width، Height و Max-Width در CSS | تنظیم حرفه‌ای ابعاد عناصر در طراحی وب
Просмотров 402 месяца назад
آموزش Width، Height و Max-Width در CSS | تنظیم حرفه‌ای ابعاد عناصر در طراحی وب
آموزش Class و ID در HTML و CSS | مدیریت استایل‌ها و انتخاب عناصر به‌صورت حرفه‌ای
Просмотров 352 месяца назад
آموزش Class و ID در HTML و CSS | مدیریت استایل‌ها و انتخاب عناصر به‌صورت حرفه‌ای
آموزش واحدهای اندازه‌گیری نسبی در CSS - طراحی انعطاف‌پذیر و کاربردی
Просмотров 762 месяца назад
آموزش واحدهای اندازه‌گیری نسبی در CSS - طراحی انعطاف‌پذیر و کاربردی
آموزش واحدهای اندازه‌گیری مستقل در CSS - تنظیم ابعاد ثابت و طراحی وب
Просмотров 372 месяца назад
آموزش واحدهای اندازه‌گیری مستقل در CSS - تنظیم ابعاد ثابت و طراحی وب
آموزش پیشرفته Border در CSS - نکات حرفه‌ای برای طراحی حاشیه‌ها
Просмотров 462 месяца назад
آموزش پیشرفته Border در CSS - نکات حرفه‌ای برای طراحی حاشیه‌ها
آموزش کامل کار با Border در CSS - طراحی حرفه‌ای قاب‌ها و خطوط در وب
Просмотров 682 месяца назад
آموزش کامل کار با Border در CSS - طراحی حرفه‌ای قاب‌ها و خطوط در وب
آموزش جامع رنگ‌ها در CSS - نحوه استفاده از رنگ‌ها در طراحی وب | یادگیری سریع و کاربردی
Просмотров 762 месяца назад
آموزش جامع رنگ‌ها در CSS - نحوه استفاده از رنگ‌ها در طراحی وب | یادگیری سریع و کاربردی
آموزش استفاده از CSS به ۳ روش - Inline، Internal و External در طراحی وب
Просмотров 762 месяца назад
آموزش استفاده از CSS به ۳ روش - Inline، Internal و External در طراحی وب
آموزش کامل CSS - شروع کار تا پیشرفته‌ترین تکنیک‌ها در طراحی وب
Просмотров 772 месяца назад
آموزش کامل CSS - شروع کار تا پیشرفته‌ترین تکنیک‌ها در طراحی وب
آموزش تگ Table در HTML - ایجاد جداول زیبا و کاربردی در طراحی وب
Просмотров 772 месяца назад
آموزش تگ Table در HTML - ایجاد جداول زیبا و کاربردی در طراحی وب
آموزش تگ‌های Ordered List (ol) و Unordered List (ul) در HTML - ساخت فهرست‌های منظم و نامنظم در وب
Просмотров 472 месяца назад
آموزش تگ‌های Ordered List (ol) و Unordered List (ul) در HTML - ساخت فهرست‌های منظم و نامنظم در وب
آموزش HTML و CSS از صفر تا صد - طراحی وب حرفه‌ای با تگ map - یادگیری سریع و کاربردی
Просмотров 502 месяца назад
آموزش HTML و CSS از صفر تا صد - طراحی وب حرفه‌ای با تگ map - یادگیری سریع و کاربردی
Good
ندیدم ولی میدونم کامله😂
خسته نباشید ، عالی بود ❤👍🏻 خیلی خوب یاد میدید ، عالی و کامل 🧡👌🏼
عالی ❤ ممنونم از توضیح خوبتون💞
سلام ی سوال داشتم کسی ک فرانت اند میخونه لازمه ک بک اند هم یاد بگیره برای طراحی سایت!؟
خیر لزوما نیازی نیست ولی اگر بخواد یک سایت تنهایی بیاره بالا خب بله باید بلد باشه ، ولی برای خود فرانت اند فرصت شغلی بسیار هست اما برای فرد متخصص
دقت کنید شما دارین کد نویسی یاد میگیرین برای کار های کاستوم و ادونس ، وگرنه با وردپرس هم میشه سایت اورد بالا ، اما باتوجه به دست کم در این بازار برنامه نویسی طبیعتا فرصت شغلی خوبی هم نصیبتون میشه
عالی بود ، خسته نباشی❤👍🏻
ممنون از توضیحات دقیقتون❤
🤍
Informative
ممنون
ندیده میدونم خوبه😂
5:26 راجب اسکرول متوجه نشدم
چند تا پارت مونده؟
ممنون انقد جزئیات هم میگی 9:02
عالی
7:14 تفاوت استیکی و فیکس هم اینطوری بگو
❤
Good
Bro😂
Thanks
6:28 عالی❤
❤❤
Great
❤❤❤❤😢
Great
2:03 تا الان عالی
❤❤
Good 🍀
راجب استیکی بزار
آموزش پوزیشن در CSS - استفاده از Relative، Static و Absolute برای چیدمان دقیق
تعریف اولیه ها خیلی خوبه ، یه درک کلی میاره بعد مطالب گسترده میشه❤
Boss 😂
مفید بود 🥼
پس بردر ایمیج که نگفتی
Great
ممنون از تایم استمپ
❤❤❤
Great 🍀
عالی❤❤❤
دایرکشن مارجین و یونی کد بگو
مفهوم مارجین در دایرکشن نمیگی
im not a bot youtube😂
Display کی میگی؟
❤
❤