آموزش HTML: ساخت اولین وب‌سایت از صفر تا صد - آخرین آپدیت

دانلود Learn HTML: Build Your First Website from Scratch

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: تمام وب‌سایت‌هایی که استفاده می‌کنید با HTML شروع می‌شوند. با این حال، بیشتر مبتدی‌ها هرگز از مرحله تماشای آموزش‌ها فراتر نمی‌روند، زیرا فقط کدها را تماشا می‌کنند به جای اینکه با آن‌ها بسازند. این دوره این روند را تغییر می‌دهد. شما HTML را از پایه و با نوشتن کدهای واقعی در محیط Visual Studio Code یاد خواهید گرفت و مشاهده خواهید کرد که چگونه صفحات وب شما مستقیماً در مرورگر زنده می‌شوند. آنچه در این دوره خواهید آموخت: • نوشتن ساختار، تیترها، پاراگراف‌ها، لینک‌ها، تصاویر و عناصر درون‌خطی با استفاده از تگ‌هایی که قدرت بخش هر وب‌سایت در اینترنت هستند. • ساخت صفحات قابل دسترس با استفاده از HTML معنایی (Semantic HTML). ایجاد فرم‌ها با چک‌باکس‌ها، دکمه‌های رادیویی و اعتبارسنجی پیشرفته برای تعامل کاربران با صفحات شما. • افزودن جداول، چندرسانه‌ای‌ها، iFrameها و موجودیت‌های HTML. مدیریت پیمایش بین چندین فایل HTML مشابه پروژه‌های واقعی. • ساخت یک وب‌سایت کامل رزومه (Portfolio) با HTML؛ از یک فایل خالی تا یک سایت کاملاً عملیاتی که می‌توانید به همه نشان دهید. این دوره برای مبتدیان، دانشجویان، خودآموزان و توسعه‌دهندگان مشتاق Front-End که می‌خواهند برنامه‌نویسی وب را از صفر شروع کنند، ایده‌آل است. دوره‌های LearnKartS در کورسرا پیش از این به بیش از ۲۰۰,۰۰۰ یادگیرنده در سراسر جهان رسیده‌اند. همین امروز ساخت اولین وب‌سایت واقعی خود را شروع کنید و اولین قدم را به سمت یک حرفه مدرن در توسعه وب بردارید.

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

مبانی HTML HTML Foundations

  • معرفی دوره Course Introduction

  • HTML چیست؟ What is HTML?

  • HTML چگونه کار می‌کند؟ How HTML Works?

  • دمو: راه‌اندازی ویرایشگر Visual Studio Code Demo: Setup Visual Studio Code Editor

  • دمو: ساختار پایه HTML Demo: HTML Basic Structure

  • درک تگ‌های متا و اهمیت آن‌ها Understanding Meta Tags and Their Importance

  • دمو: مفاهیم اصلی HTML: تیترها، تگ‌ها، کامنت‌ها و ویژگی‌ها Demo: Core HTML Concepts: Headings, Tags, Comments, and Attributes

  • درک کامنت‌ها در HTML Understanding HTML Comments

  • درک پاراگراف‌ها در HTML Understanding HTML Paragraphs

عناصر HTML و ساخت صفحه HTML Elements & Page Building

  • درک لینک‌ها در HTML و تگ Anchor (<a>) Understanding HTML Links and the Anchor (<a>) Tag

  • تصاویر در HTML و تگ <img> HTML Images and the <img> Tag

  • لیست‌های HTML: لیست‌های مرتب و نامرتب HTML Lists: Ordered and Unordered Lists

  • درک تگ <div> در HTML Understanding the HTML <div> Tag

  • خط جدید در HTML (تگ <br>) HTML Line Break (<br> Tag)

  • خط افقی در HTML (تگ <hr>) HTML Horizontal Rule (<hr> Tag)

  • المان Span در HTML (تگ <span>) HTML Span (<span> Tag)

  • مقدمه‌ای بر HTML معنایی و مزایای آن (خوانایی، دسترسی‌پذیری، ساختار) Introduction to Semantic HTML & Benefits (Readability, Accessibility, Structure)

  • تگ‌های معنایی رایج و پیاده‌سازی عملی (Header, Nav, Section, Article, Footer) Common Semantic Tags & Practical Implementation (Header, Nav, Section, Article, Footer)

  • مقدمه‌ای بر فرم‌های HTML و ساختار پایه Introduction to HTML Forms & Basic Structure

  • انواع Input و فیلدهای فرم (Text, Email, Number, File و غیره) Input Types & Form Fields (Text, Email, Number, File, etc.)

  • عناصر پیشرفته فرم (Textarea, Placeholder, Submit و ویژگی‌ها) Advanced Form Elements (Textarea, Placeholder, Submit & Attributes)

HTML پیشرفته و پروژه نهایی Advanced HTML & Final Project

  • دمو: معرفی پروژه و تنظیم فایل‌ها (مبانی وب‌سایت رزومه) Demo: Project Introduction & File Setup (Portfolio Website Basics)

  • دمو: ایجاد Header و نوار ناوبری (Navigation Bar) Demo: Header & Navigation Bar Creation

  • دمو: بخش خانه (مقدمه و بررسی اجمالی) Demo: Home Section (Introduction & Overview)

  • دمو: بخش درباره ما و تنظیم تصویر پیش‌فرض Demo: About Section & Image Placeholder Setup

  • دمو: بخش مهارت‌ها (لیست‌ها و ساختاردهی محتوا) Demo: Skills Section (Lists & Content Structuring)

  • دمو: بخش پروژه‌ها (لیست پروژه‌ها و ساختار آن‌ها) Demo: Projects Section (Project Listings & Structure)

  • دمو: فرم تماس، فوتر و جزئیات نهایی Demo: Contact Form, Footer & Final Touches

  • دمو: پیمایش بین صفحات HTML Demo: Navigating Between HTML Pages

  • دمو: کار با جداول HTML Demo: Working with HTML Tables

  • دمو: فرم‌های HTML: ویژگی‌های Action، Method و اعتبارسنجی Demo: HTML Forms: Action, Method, and Validation

  • دمو: چندرسانه‌ای در HTML: صدا، ویدیو و قرار دادن محتوا Demo: HTML Multimedia: Audio, Video, and Embedding Content

  • دمو: موجودیت‌های HTML: کاراکترهای خاص و نمادها Demo: HTML Entities: Special Characters and Symbols

  • دمو: آی‌فریم‌های HTML: قرار دادن محتوای وب خارجی Demo: HTML iframes: Embedding External Web Content

  • دمو: ورودی‌های فرم HTML: چک‌باکس‌ها و دکمه‌های رادیویی Demo: HTML Form Inputs: Checkboxes and Radio Buttons

  • خلاصه دوره Course Summary

نمایش نظرات

آموزش HTML: ساخت اولین وب‌سایت از صفر تا صد
جزییات دوره
7h 24m
36
(آخرین آپدیت)
93
- از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده

Nikhil Agarwal Nikhil Agarwal

برنامه نویس حرفه ای وب و برنامه

تجربه به عنوان برنامه نویس

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

من کارهای زیادی انجام داده‌ام. پروژه هایی با استفاده از چارچوب های مدرن frontend مانند Angular و در backend با Core PHP، Laravel PHP، NodeJS. من دوست دارم به عنوان یک توسعه دهنده فول استک کار کنم!

شروع کار با Ionic (نسخه 2) را در 2017 شروع کردم و در مدت کوتاهی اولویت اول من شد برای برنامه‌های بین پلتفرمی. من با فناوری‌های مشابه دیگری کار کرده‌ام اما آن را لذت‌بخش می‌دانم، به همین دلیل است که پروژه‌های زیادی با استفاده از Ionic ساخته‌ام (با استفاده از تمام نسخه‌های آن به جز نسخه 1).

تجربه به عنوان مربی

من یک خودآموخته حرفه ای هستم که هنگام یادگیری یک زبان جدید یا پیشرفت در زبان های شناخته شده، واقعاً قسمت های سخت و موضوعات دشوار را می دانم. برای ورود به دنیای آموزش، در فوریه 2021 یک کانال یوتیوب به نام "Coding Technyks" راه اندازی کردم، تلاش من این است که بهترین محتوایی را ارائه دهم که به راحتی در دسترس نیست یا برای مردم سخت است. در رابطه با برنامه نویسی (از جمله UI UX به همراه سایر موضوعات) انجام دهم.

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

این سفری جدید برایبه اشتراک گذاشتن تجربیاتم با افراد نیازمند در قالب دوره های دیجیتال، تمام تلاش من این است که تغییر خوبی در زندگی شما ایجاد کنم!