فیلم آموزشی شبه کلاس و شبه المنت [pseudo] در CSS

[vc_row][vc_column][vc_custom_heading text=”معرفی اجمالی دوره” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]این دوره آموزشی شامل 6 فایل ویدیویی با فرمت mp4 است که پس از مشاهده و تمرین ویدیوها با استایل های pseudo class و pseudo element در CSS آشنا خواهید شد و شبه کلاس های کاربردی css را یاد خواهید گرفت.[/vc_column_text][vc_custom_heading text=”اهداف این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_row_inner][vc_column_inner][vc_column_text]

• معرفی استایل های سودو در CSS
• مشاهده لیست تمام شبه کلاس ها و شبه المنت ها در CSS
• آشنایی با کاربردی ترین Pseudo کلاس ها و Pseudo المنت ها
• و غیره…

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][cdb_course_lessons arrow_sections=”true” title=”آموزش شبه کلاس‌ها و شبه المنت‌ها در CSS”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1. معرفی دوره و سرفصل های آن” subtitle=”02:00″ download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/pseudo-01-20286.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/pseudo-01-20286.mp4″]در این ویدئو، به معرفی دوره و سرفصل های آن می پردازیم.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2. لیست کامل PSEUDO ها در CSS” subtitle=”02:34″ download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/pseudo-02-78362.mp4″]در این درس، لیست کامل شبه کلاس ها و شبه المنت های CSS را بیان کرده و یک سایت مرجع را برای مطالعه بیشتر معرفی می کنیم.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3. ایجاد پروژه در ویژوال استودیو کد” subtitle=”06:30″ download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/pseudo-03-25926.mp4″]در این درس، در نرم افزار Visual-Studio-Code یک پروژه ایجاد می کنیم و extension های لازم را نصب می کنیم.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4. تعریف فایل html و کدهای آن” subtitle=”08:05″ download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/Pseudo-04-88705.mp4″]در این درس، فایل index.html را ایجاد کرده و کدهای مربوط به ساختار کلی صفحه را تعریف می کنیم.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5. تعریف استایل های کلی صفحه” subtitle=”08:11″ download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/Pseudo-05-19931.mp4″]در این درس، استایل های کلی صفحه index را تعریف می کنیم. (general css styles)[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6. تعریف استایل های Pseudo” subtitle=”23:07″ download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/Pseudo-06-47245.mp4″]در این درس، استایل نویسی pseudo کلاس و pseudo المنت را در CSS آموزش می دهیم و پروژه آموزشی را تکمیل می کنیم.[/cdb_course_lesson][/cdb_course_lessons][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”دانلود سورس کد پروژه” css=”.vc_custom_1617637703363{background-color: #e4f9db !important;}”][cdb_course_lesson icon=”fas fa-file-word” badge=”attachments” private_lesson=”true” title=”دانلود لیست pseudo class و pseudo element در css” download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/pseudo-css-list.docx”]دانلود فایل ورد مربوط به لیست تمام شبه کلاس ها و شبه المنت ها در css[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-file-archive” badge=”attachments” private_lesson=”true” title=”سورس کد مینی پروژه شبه کلاس ها و شبه المنت ها در CSS” download_lesson=”https://dl.rahkarino.com/video/web-design/css-pseudo-class-and-pseudo-element/pseudo-css.rar”]دانلود سورس کد پروژه “Pseudo class & Pseudo elements in CSS”[/cdb_course_lesson][/cdb_course_lessons][/vc_column][/vc_row]