لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش مقدماتی HTML5
- آخرین آپدیت
دانلود Introduction to HTML5
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
با توجه به افزایش تعداد نرمافزارهای مختلف، به نظر میرسد هر کسی میتواند یک صفحه وب بسازد. اما اگر واقعاً بخواهید بدانید یک صفحه چگونه ساخته میشود چه باید کرد؟ منابع آنلاین و کتابهای آموزشی فوقالعادهای برای یادگیری طراحی وب وجود دارد، اما اکثر آنها نیاز به دانش پیشزمینه دارند. این دوره برای کمک به افراد مبتدی که میخواهند اعتمادبهنفس و دانش لازم را کسب کنند، طراحی شده است.
ما در این دوره به بررسی مباحث تئوری (وقتی روی یک لینک کلیک میکنید واقعاً چه اتفاقی میافتد؟)، مباحث عملی (برای ساخت صفحه شخصی خود به چه چیزهایی نیاز دارم؟) و مباحث نادیده گرفته شده (کد را دارم، اما چگونه آن را در وب منتشر کنم تا با دیگران به اشتراک بگذارم؟) خواهیم پرداخت. در طول دوره، تأکید زیادی بر رعایت استانداردهای نوشتاری برای اعتبارسنجی و استانداردهای معنایی (Semantic) جهت افزایش دسترسیپذیری برای کاربران دارای معلولیت خواهد بود.
این دوره برای طیف گستردهای از افراد جذاب است، اما به طور خاص برای کسانی طراحی شده که به دنبال یک آموزش گامبهگام از مفاهیم پایه هستند. هیچ پیشنیازی برای این دوره لازم نیست و فرض بر این است که دانشجویان هیچ مهارت برنامهنویسی یا تجربه قبلی در حوزه IT ندارند. دوره با یک پروژه نهایی کوچک به پایان میرسد که شامل ساخت یک صفحه بسیار ساده با لینکها و تصاویر است. تمرکز این دوره بر مفاهیم پایه است، نه ظاهر سایت.
این اولین دوره از مجموعه تخصصی «طراحی وب برای همه» است. دورههای بعدی بر مهارتهای بازارپسند مانند استایلدهی با CSS3، افزودن تعامل با JavaScript و بهبود طراحی با طراحی واکنشگرا (Responsive Design) تمرکز خواهند داشت.
سرفصل ها و درس ها
ماژول یک: آشنایی با دنیای وب
Module One: Learning About the Web
مقدمهای بر HTML5
Introduction to HTML5
تکامل HTML
The Evolution of HTML
نحوه عملکرد: جادوی درخواستهای صفحه
How it Works: The "Magic" of Page Requests
بررسی گزینههای مرورگر
Looking at Your Browser Options
ویرایشگرها: چگونه از یک ویرایشگر برای ایجاد فایل HTML استفاده کنیم
Editors: How to Use an Editor to Create an HTML File
ویرایشگرها: آموزش استفاده از VS Code
Editors: How to use VS Code
آشنایی با IDEها و GitHub Codespaces
Introduction to IDEs and GitHub Codespaces
شروع کار با گیتهاب
Getting Started with Github
ماژول دو: ساختار یک صفحه وب
Module Two: Structure of a Web Page
مدل شیءگرایی سند (DOM)
The Document Object Model (DOM)
تگها و نحو (Syntax) در HTML5
HTML5 Tags and Syntax
تگهای معنایی (Semantic)
Semantic Tags
دانلود و آپلود کد با استفاده از VSCode و GitHub
Downloading and Uploading Code with VSCode and Github
ساخت صفحه قالب در Visual Studio Code
Template Page in Visual Studio Code
کپی کردن کد با GitHub Codespaces
Copying Code with GitHub Codespaces
ساخت صفحه قالب در GitHub Codespaces
Template Page in Github Codespaces
تصاویر
Images
تصاویر دسترسیپذیر
Accessible Images
لینکهای هایپر (Hyperlinks)
Hyperlinks
تگهای کاربردی
Useful Tags
هفته سوم: میزبانی و دسترسیپذیری
Week Three: Hosting and Accessibility
وب دسترسیپذیر
Accessible Web
اعتبارسنجی سایت شما
Validating Your Site
میزبانی سایت شما
Hosting Your Site
آپلود در GitHub Pages
Uploading to GitHub Pages
مرور: انتشار سایت شما
Review: Publishing Your Site
نمایش نظرات