لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش HTML CSS JAVASCRIPT را یاد بگیرید
Learn HTML CSS JAVASCRIPT
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره نه تنها بر پاک کردن اصول اولیه تمرکز دارد، بلکه تجربه یادگیری را با پروژه ها و تمرین های مختلف ارائه می دهد. این دوره به شما کمک میکند تا درک روشنی از وبسایتهای واقعی داشته باشید و به شما یاد میدهد که چگونه یک وبسایت ایجاد کنید.
HTML، CSS و جاوا اسکریپت پایه و اساس توسعه وب هستند. آنها بیشتر فناوری های جلویی را تشکیل می دهند که برای ایجاد یک وب سایت استفاده می شود. برخلاف سایر دوره ها، این دوره بر روی کمیت یادگیری تمرکز نمی کند، بلکه بر کیفیت یادگیری تمرکز دارد. یادگیری از طریق تمرینات عملی و دستی بهترین شکل یادگیری است. این دوره نیز بر اجرای هر مبحثی که آموخته شده است، تأکید دارد.
این دوره کاملاً بر روی ارائه یک درک خوب از فناوریهای مقدماتی توسعه وب که HTML، CSS و جاوا اسکریپت است، متمرکز است. این دوره اصول اولیه HTML را شامل می شود که از نحوه ایجاد ساختار اولیه یک وب سایت، قالب بندی متن، ایجاد فرم ها و غیره شروع می شود. این دوره می تواند توسط هر کسی برگزار شود. حتی اگر هیچ پیش زمینه کدنویسی ندارید، می توانید یک وب سایت ایجاد کنید و آن را زنده کنید.
در پایان این دوره یاد خواهید گرفت که یک وب سایت زنده واقعی ایجاد کنید!
موضوع پروژه: ساخت یک وب سایت وبلاگ
ایده های موضوع وبلاگ: مد، غذا، سفر، فناوری یا هر موضوعی که شما انتخاب می کنید
وب سایت باید دارای بخش های زیر باشد:
لوگو
نوار ناوبری/سربرگ
منو
صفحه اصلی
درباره ما
گالری
پیوند به صفحات رسانه های اجتماعی
موارد تحویل:
نام وب سایت خود را ذکر کنید
تصویر صفحه اصلی
پیوند وب سایت (اختیاری)
سرفصل ها و درس ها
درس ها
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
من یک مهندس علوم کامپیوتر از هند هستم. من 6 سال سابقه کار در زمینه توسعه وب دارم. ایجاد وب سایت های واقعی همیشه علاقه من بوده است. من یک کدنویس پرشور و همچنین علاقه مند به یادگیری ماشین هستم. من به یادگیری مادام العمر اعتقاد دارم و دوست دارم آنچه را که می آموزم به اشتراک بگذارم.
نمایش نظرات