آموزش HTML و CSS: مقدمه ای بر توسعه وب و کدنویسی
HTML and CSS: Introduction to Web Development & Coding
HTML و CSS بلوک های سازنده هر وب سایتی هستند. این یک دوره جامع طراحی شده است تا شما را با اصول توسعه وب آشنا کند. چه یک مبتدی کامل باشید و چه به دنبال تقویت درک خود از HTML و CSS هستید، این دوره یک نقطه شروع عالی است.
از طریق یک سری تمرین‌های عملی و مثال‌های واقعی، به برچسب‌ها و عناصر HTML می‌پردازید و نحوه ساختار محتوا، ایجاد سرفصل‌ها، پاراگراف‌ها، فهرست‌ها و تصاویر را کشف میکنید. با تسلط بر CSS، تکنیک‌های استایل‌سازی را بررسی میکنید، فونت‌ها، رنگ‌ها و پس‌زمینه‌های سفارشی را اعمال میکنید، و طرح‌های واکنش‌گرا را توسعه می‌دهید که با اندازه‌های مختلف صفحه سازگار می‌شوند.
اما این دوره فراتر از اصول اولیه است. همچنین بهترین روش‌ها را برای سازماندهی کد، بهینه‌سازی عملکرد وب‌سایت و اطمینان از دسترسی برای همه کاربران یاد خواهید گرفت. به علاوه، تکنیک‌های ضروری برای عیب‌یابی و اشکال‌زدایی را پوشش خواهیم داد و شما را با مهارت‌هایی برای غلبه بر چالش‌های رایج کدنویسی مجهز می‌کنیم.
در پایان این دوره، دانش و اعتماد به نفس لازم برای ساختن وب سایت های حرفه ای خود را از ابتدا خواهید داشت.
پیش نیازها
هیچکدام
درباره این دوره
می‌آموزید که چگونه صفحات وب با ساختاری زیبا ایجاد کنید، آنها را با طرح‌بندی‌ها و رنگ‌های سفارشی‌شده استایل دهید، و با تصاویری جذاب به آنها جان بخشید.
سوالات متداول
آیا سوالات چند گزینه ای آزمون وجود دارد؟
40 سوال (20 HTML و 20 CSS) وجود دارد که درک شما را به شدت آزمایش می کند.
________________________________________________________________________________________________________________
آیا مشکلات تمرینی وجود دارد؟
در پایان دوره، چند شوت دریبل (تصاویر ارائه شده) را مجدداً ایجاد خواهیم کرد تا آنچه را که آموخته‌اید اعمال کنیم.
________________________________________________________________________________________________________________
از کجا می توانم از شما سؤال بپرسم؟
می‌توانید در سخنرانی مربوط به سؤال خود، در زیر برگه «Q and A» نظر بدهید.
________________________________________________________________________________________________________________
بهترین راه برای یادگیری از این دوره چیست؟
می توانید سرعت پخش ویدیو را بر اساس ترجیح خود تنظیم کنید. من به شما توصیه می کنم در صورتی که خیلی آهسته صحبت می کنم آن را x1.5 نگه دارید. همچنین، سعی کنید خود را با تلاش برای بازسازی ضربات دریبل در پایان دوره به تنهایی به چالش بکشید، سپس کد خود را با راه حل مقایسه کنید.
________________________________________________________________________________________________________________
بعدی چیه؟
من در فکر ایجاد یک دوره آموزشی در جاوا اسکریپت هستم تا سه فناوری اصلی را تکمیل کنم، سپس به وردپرس بروم. پس از آن، ممکن است یک دوره آموزشی در مورد SQL ارائه کنم، یک زبان برنامه نویسی که برای جستجو (دسترسی، اصلاح یا استخراج) اطلاعات از پایگاه داده طراحی شده است. سپس، یک دوره آموزشی زبان برنامه نویسی سمت سرور در PHP، که به شما امکان می دهد به صورت پویا محتوا را بر اساس پرس و جوهای SQL خود در html خود قرار دهید.
معرفی Introduction
-
معرفی Introduction
-
دانلود VS Code & Extensions Downloading VS Code & Extensions
HTML HTML
-
نحو (عناصر، ویژگی ها و ارزش) Syntax (Elements, Attributes, and Value)
-
کد شروع Starter Code
-
متن و ایموجی Text & Emojis
-
قالب بندی Formatting
-
تصاویر Images
-
نمادها Icons
-
فاویکون Favicon
-
هایپرلینک ها Hyperlinks
-
ورودی Input
-
iframe iframe
-
بخش div
-
مسیر فایل File Path
-
آزمون HTML HTML Quiz
CSS CSS
-
نحو (انتخاب کنندگان، خواص، ارزش) Syntax (Selectors, Property, Value)
-
سه راه برای درج CSS (داخلی، خارجی، درون خطی) Three Ways to Insert CSS (Internal, External, Inline)
-
کلاس در مقابل شناسه class vs id
-
رنگ ها و فونت ها Colors & Fonts
-
نظرات Comments
-
متغیرها Variables
-
عرض ارتفاع Width & Height
-
Padding vs Margin Padding vs Margin
-
انتخابگرها Selectors
-
ویژگی (تقدم) Specificity (Precedence)
-
واحدها (px، ٪، em، rem، vw، vh) Units (px, %, em, rem, vw, vh)
-
زمینه Background
-
مرز و سایه Border & Shadow
-
موقعیت (ایستا، نسبی، ثابت، مطلق، چسبنده) Position (static, relative, fixed, absolute, sticky)
-
نمایش طرح بندی شبکه Display Grid Layout
-
پرسش های رسانه ای (طراحی پاسخگو) Media Queries (Responsive Design)
-
امتحان CSS CSS Quiz
بازآفرینی ضربات دریبل Recreating Dribble Shots
-
برنامه های افزودنی مفید کروم Useful Chrome Extensions
-
کدگذاری طراحی Coding the Design
-
میزبانی وب سایت Hosting the Website
https://donyad.com/d/9ac256
Alaaeldin Mohamed
مهندس کامپیوتر
نمایش نظرات