آموزش HTML 101: مقدمه ای بر توسعه وب برای مبتدیان کامل
HTML 101: An introduction to web development for complete beginners
به HTML 101 خوش آمدید: مقدمه ای بر توسعه وب برای مبتدیان کامل.
اگر هرگز کد وب سایتی ننوشته اید، این دوره برای شما مناسب است. هر وب سایتی از HTML استفاده می کند و دانستن آن به عنوان یک توسعه دهنده وب یک مهارت حیاتی است.
این دوره برای مبتدیانی طراحی شده است که قبلا هیچ کدی ننوشته اند!
خوشبختانه، یادگیری HTML ساده است! در این دوره کوتاه، من قصد دارم هر آنچه را که باید در مورد HTML بدانید را به شما آموزش می دهم و مهارت لازم برای ادامه یادگیری HTML پیشرفته تر (یا اگر می خواهید به تنهایی یاد بگیرید) را در اختیار شما قرار می دهم.
ابتدا با دانلود VS Code، یک برنامه ویرایش متن که برای کدنویسی استفاده می شود، شروع می کنیم. سپس نگاهی به نحو HTML خواهیم داشت تا بتوانید در نهایت خودتان برای یادگیری آماده شوید.
بعد از همه اینها، ما مستقیماً به HTML می پردازیم و در مورد ساختار صفحه اصلی، عناوین صفحه، پاراگراف ها و سرفصل ها، بلوک ها در مقابل عناصر درون خطی، ایجاد پیوند به صفحات دیگر، افزودن تصاویر، لیست های HTML، نحوه مشاهده منبع وب سایت اطلاعاتی خواهیم داشت. کد، نحوه دیدن آنچه که مرورگر می بیند.
در نهایت، نگاهی به دنیای CSS و جاوا اسکریپت خواهیم انداخت
کارهای کوچک در طول دوره و همچنین برای تجربه عملی وجود دارد. و پروژه نهایی شامل ایجاد صفحه نمایه خود فقط با استفاده از HTML است.
افسانه های رایج:
افراد می گویند، "شما باید ابتدا جاوا اسکریپت را یاد بگیرید" - این یک افسانه است زیرا جاوا اسکریپت به دانش HTML نیاز دارد.
مردم می‌گویند، «هم‌زمان CSS را بیاموزید» — این یک افسانه است زیرا CSS عظیم است و یادگیری آن یک ماه طول می‌کشد. یادگیری HTML به تنهایی باید چند روز طول بکشد.
مردم می‌گویند، «من برای یادگیری کدنویسی خیلی پیر شده‌ام»— این یک افسانه است، زیرا دیده‌ام که ده‌ها سالمند یاد می‌گیرند که کدنویسی کنند و شغل‌های شگفت‌انگیزی پیدا کنند که به صورت پاره وقت و قراردادی کار می‌کنند.
مردم می‌گویند، "برای یادگیری کدنویسی باید باهوش باشی" — این یک افسانه است زیرا کدنویسی مانند یک تجارت ماهر است، نکات و ترفندها را با تمرین یاد می‌گیرید و با گذشت زمان بهتر می‌شوید.
منابع:
پروژه نهایی شما ایجاد یک صفحه نمایه فقط با استفاده از HTML است. عنوان، زیرنویس، تصویر، پاراگراف و پیوندی را به نمایه رسانه اجتماعی مورد علاقه خود اضافه خواهید کرد.
در زیر نمونه ای از ظاهر صفحه نهایی شما آمده است (و ایجاد آن بیش از 15 دقیقه طول نمی کشد)
—
فراموش نکنید که فایل های دوره را دانلود کنید و در پایان پروژه خود را به اشتراک بگذارید!
منابع:
درس ها Lessons
-
باز کردن لینک ها در پنجره های جدید Opening links in new windows
-
پررنگ، ایتالیک و زیرخط Bold, italics, and underlines
-
عنصر div The div element
-
لیست ها Lists
-
قوانین افقی و شکستگی خط Horizontal rules and line breaks
-
پروژه نهایی شما Your final project
-
در حال راه اندازی Getting setup
-
یافتن پشتیبانی اضافی Finding extra support
-
تگ های CSS CSS tags
-
عناصر بلوک در مقابل عناصر درون خطی Block elements vs. inline elements
-
HTML 101: مقدمه ای بر توسعه وب برای مبتدیان HTML 101: An introduction to web development for beginners
-
فضای خالی مهم نیست Whitespace doesn't matter
-
تودرتو عناصر HTML Nesting HTML elements
-
لینک دادن به صفحات دیگر Linking to other pages
-
نظرات HTML HTML comments
-
پیوند دادن یک تصویر به صفحه وب دیگر Linking an image to other web page
-
به اشتراک گذاری کد با CodePen Sharing code with CodePen
-
نحو HTML HTML syntax
-
HTML چیست؟ What is HTML?
-
ساختار پایه The base structure
-
برچسب های اسکریپت Script tags
-
پاراگراف ها و سرفصل ها Paragraphs and headings
-
عنوان صفحات Page titles
-
افزودن تصاویر Adding images
https://donyad.com/d/6fc9
Kalob Taulien
معلم توسعه وب
سلام به همه! من Kalob Taulien هستم.
در اینجا نسخه TL;DR (کوتاه) درباره من است:
- من از سال 1999 کدنویسی می کنم و از سال 2013 به مردم یاد می دهم که چگونه کدنویسی کنند
- من بیش از 350000 دانشجوی توسعه وب در سراسر جهان دارم
- من در تیم توسعه هسته Wagtail CMS هستم (Wagtail شماره 1 محبوب ترین سیستم ساخت وب سایت پایتون است)
- من تمام تلاشم را می کنم که به هر سوالی که دانش آموزانم دارند پاسخ دهم
- من عاشق تدریس هستم - این قطعاً یکی از استعدادهای طبیعی من است
- همچنین من عاشق بز هستم! (اگر ملاقات حضوری داشته باشیم شروع کننده گفتگو با من عالی است)
در زیر می‌توانید تمام دوره‌های Skillshare من را پیدا کنید. دسته بندی ها از ساده ترین به سخت ترین، به جز موارد متفرقه، قرار می گیرند. دوره های کدنویسی در پایان.
اگر در زمینه کدنویسی کاملاً تازه کار هستید، با BEGINNERS WEB DEV شروع کنید. و سپس به سراغ HTML بروید.
اگر یک توسعه دهنده وب با تجربه هستید، می توانید از هر یک از بخش های زیر رد شوید.
اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌ها را واقعاً زیبا جلوه دهید و خوب عمل کنید، می‌خواهید به HTML، CSS و جاوا اسکریپت نگاه کنید.
اگر می‌خواهید وب‌سایت‌هایی ایجاد کنید که کاربران بتوانند در آن وارد شوند، حساب کاربری داشته باشند و اطلاعات را ذخیره کنند، می‌خواهید به PHP، Python، Django یا Wagtail نگاه کنید.
آخرین اما نه کم اهمیت، همه باید Git و نحوه استفاده از GitHub را بدانند. این کاملاً حیاتی است که 100٪ همه توسعه دهندگان Git و GitHub را درک کنند. این زبان مخفی است که هر کارفرما به دنبال آن است. من نیز یک بخش کامل در مورد آن دارم.
فراموش نکنید که من را در Skillshare برای دوره های هفتگی جدید دنبال کنید!
کد نویسی مبارک!
نمایش نظرات