آموزش HTML CSS JAVASCRIPT را یاد بگیرید

Learn HTML CSS JAVASCRIPT

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

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

HTML، CSS و جاوا اسکریپت پایه و اساس توسعه وب هستند. آنها بیشتر فناوری های جلویی را تشکیل می دهند که برای ایجاد یک وب سایت استفاده می شود. برخلاف سایر دوره ها، این دوره بر روی کمیت یادگیری تمرکز نمی کند، بلکه بر کیفیت یادگیری تمرکز دارد. یادگیری از طریق تمرینات عملی و دستی بهترین شکل یادگیری است. این دوره نیز بر اجرای هر مبحثی که آموخته شده است، تأکید دارد.

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

در پایان این دوره یاد خواهید گرفت که یک وب سایت زنده واقعی ایجاد کنید!

موضوع پروژه: ساخت یک وب سایت وبلاگ

ایده های موضوع وبلاگ: مد، غذا، سفر، فناوری یا هر موضوعی که شما انتخاب می کنید

وب سایت باید دارای بخش های زیر باشد:

  1. لوگو
  2. نوار ناوبری/سربرگ
  3. منو
  4. صفحه اصلی
  5. درباره ما
  6. گالری
  7. پیوند به صفحات رسانه های اجتماعی

موارد تحویل:

  1. نام وب سایت خود را ذکر کنید
  2. تصویر صفحه اصلی
  3. پیوند وب سایت (اختیاری)

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

درس ها Lessons

  • پیشرفته: چگونه افزونه یوتیوب را جاسازی کنیم Advanced : How to embed Youtube Plugin

  • نحوه اضافه کردن فیلد عددی How to add Numeric field

  • پاداش - Jquery Toggle Bonus - Jquery Toggle

  • وب سایت وبلاگ - نحوه ایجاد صفحه درباره ما Blog Website - How to create About Us Page

  • وب سایت وبلاگ - چگونه یک گالری ایجاد کنیم Blog Website - How to create a Gallery

  • پیاده سازی جاوا اسکریپت خارجی External Javascript Implementation

  • نحوه اضافه کردن قسمت رمز عبور **** How to add Password **** field

  • نحوه اضافه کردن فیلد زمان How to add Time field

  • نحوه پیاده سازی هایپرلینک ها How to implement Hyperlinks

  • نحوه درج تصاویر How to Insert Images

  • معرفی پروژه CSS CSS Project Introduction

  • جایزه: مقدمه ای بر بوت استرپ Bonus : Introduction to Bootstrap

  • پاداش: نحوه نصب ویرایشگر متن Sublime Bonus : How to install Sublime Text Editor

  • اضافی: چگونه در حین یادگیری با انگیزه بمانیم Extra : How to stay Motivated While Learning

  • سرفصل ها در HTML Headings in HTML

  • تگ بدنه HTML HTML Body Tag

  • مقدمه ای بر قالب بندی متن Introduction to Text Formatting

  • اولین صفحه HTML First HTML Page

  • پروژه بازی شماره جاوا اسکریپت پیاده سازی عملی Javascript Number Game Project Hands-on Implementation

  • نحوه اضافه کردن فیلد ایمیل How to add Email field

  • CSS درون خطی Inline CSS

  • نحوه ایجاد Prompt How to create a Prompt

  • قالب بندی متن - رنگ متن Text formatting - Text Color

  • نحوه اضافه کردن مکان نگهدار How to add Placeholder

  • قالب بندی متن - خانواده فونت Text formatting - Font Family

  • نحوه پیاده سازی Confirm How to implement Confirm

  • وب سایت وبلاگ - نحوه اضافه کردن هدر Blog Website - How to add Headers

  • مقدمه ای بر فرم های HTML Introduction to HTML Forms

  • فهرست ها - فهرست توصیفی Lists - Descriptive List

  • قالب بندی متن - تراز کردن متن Text formatting - Text Align

  • وب سایت وبلاگ - وب سایت فعال می شود Blog Website - Website going LIVE

  • چگونه یک هشدار ایجاد کنیم How to Create an Alert

  • امتیاز: نحوه اضافه کردن ایموجی Bonus : How to add emojis

  • CSS داخلی Internal CSS

  • نحوه اضافه کردن دکمه های رادیویی How to add Radio Buttons

  • نحوه اضافه کردن فیلد ورودی رنگ How to add Color input field

  • نصب Notepad++ Installation of Notepad++

  • زمان پروژه کلاس است It's time for Class Project

  • معرفی پروژه بازی شماره جاوا اسکریپت Javascript Number Game Project Introduction

  • مقدمه ای بر پروژه اصلی - وب سایت وبلاگ Introduction to Main Project - Blog Website

  • جایزه: مقدمه جی کوئری Bonus : Jquery Introduction

  • پیشرفته: نحوه جاسازی ویدیو Advanced : How to embed Video

  • وب سایت وبلاگ - نحوه اضافه کردن محتوای اصلی Blog Website - How to add main content

  • با تشکر از شما و مراحل بعدی Thank You and Next steps

  • پاداش: نحوه ایجاد نوار نوار با استفاده از بوت استرپ Bonus : How to create Navbar using Bootstrap

  • نحوه اضافه کردن چک باکس How to add Checkbox

  • نحوه آپلود فایل ها How to Upload Files

  • امتیاز: Bootstrap Grid Bonus : Bootstrap Grid

  • لیست ها - لیست نامرتب Lists - Unordered List

  • Javascript- مقدمه Javascript- Introduction

  • نحوه اضافه کردن لیست کشویی How to add Dropdown list

  • لیست ها - لیست مرتب شده Lists - Ordered List

  • پیشرفته: نحوه جاسازی صدا Advanced : How to embed Audio

  • نحوه اضافه کردن Textarea How to add Textarea

  • لیست ها - لیست تودرتو Lists - Nested List

  • وب سایت وبلاگ - نحوه اضافه کردن منو Blog Website - How to add Menu

  • تگ <p> پاراگراف HTML</p> HTML Paragraph <p> tag</p>

  • CSS خارجی External CSS

  • پیاده سازی عملی پروژه CSS CSS Project Hands-on Implementation

  • مقدمه Introduction

  • نحوه اضافه کردن فیلد تاریخ How to add Date field

  • جایزه: انیمیشن جی کوئری Bonus : Jquery Animation

  • قالب بندی متن - اندازه متن Text formatting - Text Size

  • نحوه اضافه کردن فیلد متن How to add Text field

  • پیشرفته: نحوه جاسازی نقشه گوگل Advanced : How to embed Google Map

نمایش نظرات

آموزش HTML CSS JAVASCRIPT را یاد بگیرید
جزییات دوره
4h 59m
65
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
19
4 از 5
ندارد
دارد
دارد
Priyanka Das
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Priyanka Das Priyanka Das

من یک مهندس علوم کامپیوتر از هند هستم. من 6 سال سابقه کار در زمینه توسعه وب دارم. ایجاد وب سایت های واقعی همیشه علاقه من بوده است. من یک کدنویس پرشور و همچنین علاقه مند به یادگیری ماشین هستم. من به یادگیری مادام العمر اعتقاد دارم و دوست دارم آنچه را که می آموزم به اشتراک بگذارم.