آموزش چالش های کد معنایی HTML و CSS

Semantic HTML and CSS Code Challenges

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره:

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


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

معرفی Introduction

  • با آرایش CSS خود را به چالش بکشید Challenge yourself with CSS layouts

  • آنچه شما باید بدانید What you should know

1. چالش ها: چیدمان ها با Flexbox 1. Challenges: Layouts with Flexbox

  • علامت گذاری معنایی برای عکس ها و متن ایجاد کنید Create semantic markup for photos and text

  • به طور کلی یک ربات طراحی می شود Generally styling the robots

  • با Flexbox یک طرح انعطاف پذیر ایجاد کنید Create a flexible layout with Flexbox

  • افزودن کنترل در نقاط شکست Adding controls across breakpoints

2. چالش ها: چیدمان هایی با میله های ناوبری 2. Challenges: Layouts with Navigation Bars

  • برای هدر و نوار علامت گذاری معنایی ایجاد کنید Create semantic markup for the header and navbar

  • با دو روش یک طرح افقی ایجاد کنید Create a horizontal layout with two methods

  • فقط با استفاده از CSS یک طرح موبایل و دکمه همبرگر ایجاد کنید Create a mobile layout and hamburger button using only CSS

  • برای ایجاد نوار پاسخگو یک طرح دسک تاپ اضافه کنید Add a desktop layout to create a responsive navbar

3. چالش ها: چیدمان ها با Grid 3. Challenges: Layouts with Grid

  • برای یک سری عکس و متن نشانه گذاری معنایی ایجاد کنید Create semantic markup for a series of photos and text

  • طرح دسک تاپ را ایجاد کنید Create the desktop layout

  • شبکه را یکپارچه کنید و نقاط شکست ایجاد کنید Integrate the grid and create breakpoints

  • چالش ها را برای یک صفحه وب کامل ترکیب کنید Combine the challenges for a full webpage

نمایش نظرات

نظری ارسال نشده است.

آموزش چالش های کد معنایی HTML و CSS
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
33m
14
Linkedin (لینکدین) lynda-small
27 خرداد 1400 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
-
- از 5
ندارد
دارد
دارد
Jen Kramer

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jen Kramer Jen Kramer

طراحی و توسعه وب را آموزش می دهد

جن کرامر طراحی و توسعه وب را به دانش آموزان در سراسر جهان آموزش می دهد.

جن به مشتریان، همکاران، دوستان و دانش آموزان در مورد آنچه وب سایت با کیفیت و نحوه ایجاد آن است. او چندین دوره آنلاین و حضوری در زمینه طراحی و توسعه وب تدریس می کند. جن علاوه بر کار به عنوان مربی و مربی، بیش از ۶۰ دوره آموزشی ویدئویی ایجاد کرده است. او برای کارهای طراحی وب آزاد، دوره های آموزشی سفارشی و تدریس خصوصی در دسترس است. جن مدرک لیسانس زیست شناسی و کارشناسی ارشد مدیریت استراتژی اینترنتی را کسب کرد.

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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