تسلط بر طراحی وب: HTML، CSS و هوش مصنوعی مولد

Mastering Web Design: HTML, CSS & Generative AI

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ساختارهای HTML، استایل CSS، طراحی پاسخگو ابزارهای هوش مصنوعی را بیاموزید ساختار و عملکرد HTML و CSS را بدانید. از ابزارهای هوش مصنوعی برای ساده کردن طراحی وب استفاده کنید. با CSS Grid و Flexbox طرح‌بندی‌های وب واکنش‌گرا ایجاد کنید. قالب بندی متن، لیست ها و جداول را در HTML پیاده سازی کنید. طراحی فرم های وب تعاملی برای ورودی کاربر. از CSS برای بهبود استایل و بصری استفاده کنید. از انیمیشن ها و انتقال های CSS برای جلوه های پویا استفاده کنید. فونت های سفارشی و گوگل را در پروژه های وب ادغام کنید. یک نمونه کار شخصی و صفحه وب تجارت الکترونیک بسازید. مهارت های یادگیری مستمر در فناوری وب را توسعه دهید. پیش نیازها:بدون نیاز به تجربه قبلی مهارت های اولیه کامپیوتر دسترسی به کامپیوتر با اینترنت علاقه به توسعه وب

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

این دوره به‌طور منحصربه‌فردی ابزارهای هوش مصنوعی تولیدی را برای افزایش یادگیری ادغام می‌کند، و بینش‌های عملی را در مورد اینکه چگونه هوش مصنوعی می‌تواند وظایف کدنویسی و فرآیندهای طراحی را تسریع بخشد، ارائه می‌دهد. شما ساختارهای اساسی HTML را کاوش خواهید کرد، به دنیای ظریف انتخابگرها و ویژگی های CSS خواهید پرداخت و مدیریت طرح بندی صفحات وب را با تکنیک های پیشرفته مانند Flexbox و CSS Grid یاد خواهید گرفت.

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

چه به دنبال شروع حرفه ای در توسعه وب هستید یا می خواهید مهارت های موجود خود را تقویت کنید، این دوره منابع ارزشمند، فرصت های یادگیری مداوم و اعتماد به نفس برای مقابله با هر پروژه طراحی وب را ارائه می دهد. از هم افزایی HTML، CSS و هوش مصنوعی مولد استفاده کنید و ایده های خود را به واقعیت تبدیل کنید.


سرفصل ها و درس ها

شروع کار با HTML Getting Started with HTML

  • ساختار اصلی یک سند HTML Basic Structure of an HTML Document

  • مقدمه ای بر برچسب ها، عناصر و ویژگی ها Introduction to tags, elements, and attributes

  • قالب بندی متن و هایپرلینک ها Text Formatting and Hyperlinks

  • با استفاده از عناصر سطح درون خطی و بلوک Using inline and Block level elements

  • تمرینات را با قالب بندی متن و پیوند دادن تمرین کنید Practice exercises with text formatting and linking

کار با لیست ها، جداول و فرم ها با ابزارهای مختلف هوش مصنوعی Working with Lists , Tables and Forms with different AI tools

  • ایجاد لیست ها و جداول در اسناد HTML Creating lists and tables in HTML documents

  • مقدمه ای بر فرم ها Introduction to Forms

  • درک تگ های <form>، <input>، <textarea>، <button> Understanding <form>, <input>, <textarea>, <button> tags

  • ساخت فرم های اولیه برای ورودی کاربر Building basic forms for user input

معرفی CSS با استفاده از ChatGPT Introduction to CSS using ChatGPT

  • یک ظاهر طراحی اولیه با CSS Basic Styling with CSS

  • CSS داخلی، داخلی و خارجی Inline, Internal, and External CSS

  • نحو و انتخابگرهای CSS CSS syntax and selectors

  • تغییر اندازه فونت، رنگ، خانواده Changing font size, color, family

  • مقدمه ای بر فونت های گوگل و فونت های سفارشی Introduction to Google Fonts and Custom Fonts

5. کار با رنگ ها و پس زمینه 5. Working with Colors and Backgrounds

  • درک کدهای رنگ و مقادیر RGB Understanding color codes and RGB values

  • اضافه کردن رنگ و تصاویر پس زمینه Adding background colors and images

  • چیدمان و موقعیت یابی Layout and Positioning

درک ظروف فلکس و اقلام فلکس Bard, ChatGPT Understanding Flex Containers and Flex items Bard, ChatGPT

  • معرفی مدل جعبه در (حاشیه، بالشتک، حاشیه) Introduction to box model in (margin, padding, border)

  • تعیین موقعیت عناصر با CSS (نسبی، مطلق، ثابت) Positioning elements with CSS (relative, absolute, fixed)

مفاهیم پیشرفته HTML و CSS با هوش مصنوعی Advanced HTML and CSS Concepts with AI

  • طراحی وب سایت ریسپانسیو Responsive Web Design

  • مقدمه ای بر پرسش های رسانه ای Introduction to Media Queries

  • ایجاد طرح‌بندی‌های واکنش‌گرا Creating responsive layouts

شبکه CSS و انیمیشن ها با کمک هوش مصنوعی CSS Grid and Animations with help of AI

  • درک گرید Understanding Grid

  • ایجاد طرح بندی با CSS Grid Creating layouts with CSS Grid

  • انتقال و انیمیشن های CSS CSS Transitions and Animations

  • افزودن انیمیشن به عناصر با استفاده از CSS Adding animations to elements using CSS

  • جلوه‌های انتقال روی شناور، کلیک و غیره Transition effects on hover, click, etc.

پیش پردازنده های CSS با استفاده از ChatGPT CSS Preprocessors using ChatGPT

  • آشنایی با ابزارهایی مانند SASS Introduction to tools like SASS

  • مزایا و استفاده در توسعه CSS Benefits and usage in CSS development

تمرین و کار پروژه با هوش مصنوعی Practice and Project Work with AI

  • پروژه 1: وب سایت نمونه کارها شخصی Project 1: Personal Portfolio Website

  • صفحه محصول تجارت الکترونیک E-commerce Product Page

  • یکپارچه سازی فرم ها برای تعامل با کاربر (به عنوان مثال، افزودن به سبد خرید) Integrating forms for user interaction (e.g., add to cart)

منابع و یادگیری بیشتر Resources and Further Learning

  • کتاب ها، آموزش ها و دوره های آنلاین توصیه شده Recommended books, tutorials, and online courses

  • وب سایت ها و انجمن های مفید برای جامعه توسعه وب Useful websites and forums for web development community

  • گزینه های آموزش مداوم برای تسلط بر HTML/CSS Continuing education options for mastering HTML/CSS

  • تشویق به کشف موضوعات پیشرفته مانند جاوا اسکریپت و فریمورک ها Encouragement to explore advanced topics like JavaScript and frameworks

نتیجه گیری Conclusion

  • خلاصه ای از یادگیری های کلیدی در HTML، CSS، و هوش مصنوعی تولیدی Recap of key learnings in HTML, CSS, and Generative AI

  • سخنان پایانی تشویق و انگیزه برای توسعه دهندگان مشتاق وب Final words of encouragement and motivation for aspiring web developers

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.

تسلط بر طراحی وب: HTML، CSS و هوش مصنوعی مولد
جزییات دوره
4.5 hours
42
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
8,361
4.5 از 5
ندارد
دارد
دارد
Skool of AI
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Skool of AI Skool of AI

پتانسیل هوش مصنوعی خود را باز کنید