متخصص HTML5: آموزش جامع HTML5

HTML5 Specialist: Comprehensive HTML5 Training

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در حین یادگیری HTML5 یک اعتبار حرفه ای کسب کنید. چگونه یک داربست HTML5 مناسب برای نوع برنامه ای که ایجاد می کنید ایجاد کنید. چگونه HTML5 باید برای برنامه های وب و موبایل متفاوت باشد؟ چگونه متن را به‌طور صحیح نشانه‌گذاری کنیم تا در انواع اندازه‌ها و چگالی‌های صفحه‌نمایش مورد استفاده مصرف‌کنندگان به‌درستی اندازه‌بندی شود. نحوه انتخاب کارآمدترین ابزارها و محیط ها برای نوشتن و آزمایش HTML5. نحوه آپلود محتوا در وب سرور برای مصرف عمومی را بدانید. همچنین نحوه راه اندازی یک محیط سرور آزمایشی را به صورت محلی پوشش خواهید داد. نحوه ایجاد پیوندهای داخلی و خارجی در اسناد HTML5. ایجاد متا تگ هایی که به درستی برای نمایش بهینه در گوگل و سایر موتورهای جستجو طراحی شده اند. به طور استراتژیک از نظرات HTML5 برای مستندسازی کد خود استفاده کنید. یک استراتژی منحصر به فرد برای استفاده از نظرات HTML5 برای اشکال زدایی کد و یافتن سریع خطاها. نحوه ایجاد محتوای مبتنی بر لیست با استفاده از لیست های مرتب، لیست های نامرتب و گلوله های لیست سفارشی برای برندسازی سفارشی نحوه نمایش تصاویر و نحوه بهینه سازی صحیح تصاویر برای نمایش در وب و دستگاه های تلفن همراه. استراتژی ای که به ندرت استفاده می شود برای افزایش ارزش بهینه سازی موتور جستجو با استفاده از تصاویر نحوه ایجاد جداول اطلاعاتی زیبا که هم ساختن و هم خواندن آنها آسان باشد نحوه استفاده از سیستم رنگ هگزا دسیمال و اعمال رنگ های هگزا دسیمال به عناصر در HTML5 نحوه ایجاد فرم های کاربردی و کاربردی برای جمع آوری داده ها از کاربران خود نحوه ایمن سازی فرم های خود برای جلوگیری از مشکلات امنیتی با فرم های خود چگونه عناصر چند رسانه ای مانند صدا، ویدئو و انیمیشن ها را در محتوای HTML5 خود ادغام کنید. یک تکنیک منحصر به فرد برای چیدمان صفحه ما که نشان‌گذاری و مدیریت طرح‌های پیچیده را آسان می‌کند. نحوه جاسازی محتوای iFrame از منابع خارجی و جاسازی یکپارچه آن در صفحه HTML5 شما یک استراتژی عالی برای تبدیل صحیح اسناد فتوشاپ به HTML5 بهترین چارچوب‌های HTML5 به در زمان شما صرفه جویی کنید و نقطه ورود برای پروژه های جدید فراهم کنید.

بالاخره می دانید...

اینجا جایی است که شما شغل توسعه خود را شروع می کنید

HTML5 داربستی است که تقریباً در زیر همه برنامه های امروزی قرار دارد.

زمانی بود که فقط طراحان وب نیاز داشتند HTML5 را به خوبی بدانند. با این حال، اکنون این یک مهارت جهانی است که هر توسعه دهنده ای به آن نیاز دارد. HTML5 قوی یک پایه قوی برای برنامه ها فراهم می کند. همچنین به شما امکان می‌دهد محتوایی را که در وب‌سایت‌ها، برنامه‌های تلفن همراه و حتی علائم دیجیتال ظاهر می‌شود، به درستی توسعه دهید.

چگونه یاد می گیرید که کد HTML5 قوی ایجاد کنید که به راحتی قابل نگهداری باشد؟

این چیزی است که ما اینجا هستیم تا در مورد آن صحبت کنیم...

حقیقت: HTML5 اولین زبانی است که باید بدانید (...و بخش مهمی از کار روزانه توسعه دهندگان وب و موبایل)

ما همیشه این سوال را داریم:  من می‌خواهم یک برنامه‌نویس شوم، اما نمی‌دانم از کجا شروع کنم.

ما مجبور نیستیم شما را با ایده تبدیل شدن به یک توسعه دهنده بفروشیم. اگر شما اینجا هستید، از قبل می دانید که این یکی از پرسودترین (و سریعترین رشد) مسیرهای شغلی است. این HTML5 است که به شما اجازه می دهد تا پای خود را در درب قرار دهید. توسعه دهندگان HTML5:

  • داربستی را برای نمایش محتوا برای وب سایت ها، سایت های تلفن همراه و بسیاری از برنامه های تلفن همراه ایجاد کنید.
  • محتوای وب را علامت گذاری کنید تا بتوان آن را در چندین پلتفرم توزیع کرد
  • برای ایجاد محتوای انعطاف پذیر در انتشارات دیجیتال در مقیاس بزرگ کار کنید
  • ترکیب مهارت های HTML5 با مجموعه مهارت های دیجیتال دیگر برای تبدیل شدن به توسعه دهندگان وب و تلفن همراه

به عبارت دیگر، مهارت‌های توسعه HTML5 برای همه برنامه‌نویسان حیاتی است. HTML5 اساس تقریباً هر فرآیند توسعه است.

به همین دلیل است که کسب و کار، استودیوهای طراحی، فروشگاه های توسعه و سایر سازمان ها به توسعه دهندگان HTML5 نیاز دارند.

اما یک مشکل وجود دارد. اکثر افرادی که HTML را یاد گرفته‌اند، آن را 12 سال پیش در مدرسه یاد گرفته‌اند و نمی‌دانند که در حال انجام آن هستند.

اینگونه شما خود را از گروه جدا می کنید.

به عنوان یک متخصص خبره HTML5، شما واجد شرایط ساخت، نگهداری و ویرایش اسناد HTML5 هستید. شما می توانید به تیم های توسعه کمک کنید تا پایه های قوی بسازند، محتوای دیجیتال را مدیریت کنند یا از HTML5 به عنوان پایه ای برای مجموعه مهارت های توسعه دهنده قوی استفاده کنند.

در این برنامه صدور گواهینامه شما خواهید آموخت:

  • نحوه ایجاد یک داربست HTML5 مناسب برای نوع برنامه‌ای که ایجاد می‌کنید. چگونه باید HTML5 برای وب و برنامه های تلفن همراه متفاوت باشد؟
  • چگونه می‌توان نوشتار را به‌طور صحیح نشانه‌گذاری کرد تا در انواع اندازه‌ها و تراکم‌های صفحه‌ای که مصرف‌کنندگان استفاده می‌کنند به درستی اندازه‌بندی شود
  • نحوه ادغام صحیح کدهای نوشته شده در CSS و PHP به عنوان فهرست کدهای خارجی یا داخلی.
  • نحوه انتخاب کارآمدترین ابزارها و محیط‌ها برای نوشتن و آزمایش HTML5.
  • نحوه آپلود محتوا در سرور وب برای مصرف عمومی را بدانید. همچنین نحوه تنظیم یک محیط سرور آزمایشی را به صورت محلی پوشش خواهید داد.
  • نحوه ایجاد پیوندهای داخلی و خارجی در اسناد HTML5.
  • ایجاد متا تگ‌هایی که به درستی برای نمایش بهینه در Google و سایر موتورهای جستجو طراحی شده‌اند.
  • از نظر استراتژیک HTML5 برای مستندسازی کد خود استفاده کنید.
  • یک استراتژی منحصر به فرد برای استفاده از نظرات HTML5 برای اشکال زدایی کد و یافتن سریع خطاها.
  • نحوه ایجاد محتوای مبتنی بر فهرست با استفاده از فهرست‌های مرتب، فهرست‌های نامرتب و گلوله‌های فهرست سفارشی برای برندسازی سفارشی
  • نحوه نمایش تصاویر و نحوه بهینه سازی صحیح تصاویر برای نمایش در وب و دستگاه های تلفن همراه.
  • یک استراتژی کم استفاده برای افزایش ارزش بهینه سازی موتور جستجو با استفاده از تصاویر
  • نحوه ایجاد جداول اطلاعاتی زیبا که هم ساختن و هم خواندن آنها آسان باشد
  • نحوه استفاده از سیستم رنگ هگزا دسیمال و اعمال رنگ های هگزا دسیمال به عناصر موجود در HTML5
  • نحوه ایجاد فرم‌های کاربردی و قابل استفاده برای جمع‌آوری داده‌ها از کاربران خود
  • نحوه ایمن سازی فرم های خود برای جلوگیری از مشکلات امنیتی فرم های خود
  • چگونه عناصر چندرسانه‌ای مانند صدا، ویدئو و انیمیشن‌ها را در محتوای HTML5 خود ادغام کنید.
  • یک تکنیک منحصر به فرد برای چیدمان صفحه ما که نشان‌گذاری و مدیریت طرح‌های پیچیده را آسان می‌کند
  • چگونه می توان محتوای iFrame را از منابع خارجی جاسازی کرد و آن را به طور یکپارچه در صفحه HTML5 خود قرار داد
  • یک استراتژی عالی برای تبدیل صحیح اسناد فتوشاپ به HTML5
  • بهترین چارچوب های HTML5 برای صرفه جویی در وقت و ارائه نقطه ورود برای پروژه های جدید

به طور خلاصه، متخصصان معتبر HTML5 متخصصانی هستند که می توانند اسناد دیجیتالی غنی را به درستی بسازند که می توانند در هر نقطه از وب، تلفن همراه یا به عنوان بخشی از یک برنامه بزرگتر ظاهر شوند. آنها می توانند درک کنند که چگونه HTML5 در زمینه بزرگتر توسعه وب و تلفن همراه قرار می گیرد و در محیط های توسعه جدی کار می کنند.


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

مراحل اول در HTML5 First Steps in HTML5

  • به دوره خوش آمدید Welcome to the Course

  • درباره تعیین تخصصی/گواهینامه حرفه ای توسعه وب About Specialist Designation/ Web Development Professional Certification

  • درباره مربی About the Instructor

  • شروع سریع — ساختن اولین صفحه HTML5 شما Quick Start— Making Your First HTML5 Page

  • ابزارهای تجارت را بدست آورید Obtain the Tools of the Trade

  • یادگیری ساختار سند پایه Learning Basic Document Structure

  • آناتومی یک برچسب - تنها واژگانی که به آن نیاز دارید Anatomy of a Tag- The Only Vocabulary You’ll Need

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 1 Wrap Up Section 1

  • سوالات امتحانی برای مرور Exam Questions for Review

هر آنچه می خواستید در مورد قالب بندی متن بدانید Everything You Wanted To Know About Formatting Text

  • به بخش 2 خوش آمدید Welcome to Section 2

  • برچسب های پاراگراف Paragraph Tags

  • شکستن برچسب ها Break Tags

  • متن از پیش فرمت شده Preformatted Text

  • تگ های عنوان HTML5 HTML5 Heading Tags

  • لیست ها Lists

  • نقل قول ها و نقل قول ها Quotations and Citations

  • قالب بندی: پررنگ، کج و موارد دیگر Formatting: Bold, Italics and More

  • کد کامپیوتر Computer Code

  • کانتینرهای HTML5 HTML5 Containers

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 2 Wrap Up Section 2

  • سوالات امتحانی برای مرور Exam Questions for Review

پیوندها - اتصال صفحات و محتوا Hyperlinks— Connecting Pages and Content

  • به بخش 3 خوش آمدید Welcome to Section 3

  • ایجاد لینک داخلی Creating an internal link

  • ارتباط با دنیای بیرون Linking to the outside world

  • ویژگی هدف The Target Attribute

  • لنگرها برای پیمایش صفحات طولانی Anchors to Navigate Long Pages

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 3 Wrap Up Section 3

  • سوالات امتحانی برای مرور Exam Questions for Review

رسانه دیجیتال Digital Media

  • به بخش 4 خوش آمدید Welcome to Section 4

  • درج تصاویر Inserting Images

  • ایجاد لینک های تصویری Creating Image Links

  • درک تصویر و اندازه تصویر Understanding Image and Image Size

  • اندازه تصاویر به صورت پاسخگو Sizing Images Responsively

  • پخش و کنترل صدا Playing and Controlling Audio

  • پخش و کنترل ویدئو Playing and Controlling Video

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 4 Wrap Up Section 4

  • سوالات امتحانی برای مرور Exam Questions for Review

نمایش داده ها در جداول و iFrames Displaying Data in Tables and iFrames

  • به بخش 5 خوش آمدید Welcome to Section 5

  • تعریف جدول Defining a Table

  • تعریف مرز جدول Defining Border of a Table

  • تعیین جدول و عرض سلول Determining Table and Cell Width

  • تعریف سرصفحه های جدول Defining Table Headers

  • پوشا چندین ردیف و ستون Spanning Multiple Rows and Columns

  • درج محتوای iFrame Inserting iFrame Content

  • اضافه کردن عنوان جدول Adding a table caption

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 5 Wrap Up Section 5

  • سوالات امتحانی برای مرور Exam Questions for Review

تعامل با کاربر از طریق فرم ها Interacting with the User via Forms

  • به بخش 6 خوش آمدید Welcome to Section 6

  • تعریف فرم Defining the Form

  • ورودی متن Text Input

  • محدود کردن ورودی متن Limiting Text Input

  • چند گزینه ای Multiple Choice

  • ارسال فرم Form Submission

  • دکمه های عمومی Generic Buttons

  • ورودی های تاریخ Date Inputs

  • ورودی عددی Numerical Input

  • سازماندهی یک فرم با مجموعه فیلدها Organizing a Form with Fieldsets

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 6 Wrap Up Section 6

  • سوالات امتحانی برای مرور Exam Questions for Review

تمرین حرفه ای HTML5 Professional HTML5 Practice

  • به بخش 7 خوش آمدید Welcome to Section 7

  • نظر دادن کد شما Commenting Your Code

  • برچسب های متا Meta Tags

  • درج کد خارجی جاوا اسکریپت Inserting External Javascript Code

  • آمادگی موتور جستجو Search Engine Readiness

  • این یک دنیای رنگارنگ است It’s a Colorful World

  • شناسایی API های HTML5 Identifying HTML5 API’s

  • طراحی روی بوم Drawing on Canvas

  • پایان بخش 7 Wrap Up Section 7

  • سوالات امتحانی برای مرور Exam Questions for Review

  • سوالات امتحانی برای مرور Exam Questions for Review

استایل دهی با CSS Styling with CSS

  • به بخش 8 خوش آمدید Welcome to Section 8

  • کجا باید استایل کرد... Where to Style...

  • انتخابگرهای CSS CSS Selectors

  • تایپوگرافی بنیادی با CSS Fundamental Typography with CSS

  • درک مدل جعبه CSS Understanding the CSS Box Model

  • شناور طرح شما Floating Your Layout

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 8 Wrap Up Section 8

  • سوالات امتحانی برای مرور Exam Questions for Review

اصول طراحی واکنشگرا Responsive Design Fundamentals

  • به بخش 9 خوش آمدید Welcome to Section 9

  • نمایش طراحی واکنشگرا Demonstrating Responsive Design

  • استفاده از شیوه نامه پاسخگو Using a responsive stylesheet

  • هدرهای پاسخگو Responsive Headers

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • بخش فیلم آزمایشگاهی، PDF و راه حل Section Lab Video, PDF and Solution

  • پایان بخش 9/جمع بندی دوره Wrap Up Section 9/ Course Wrap-up

نمایش نظرات

متخصص HTML5: آموزش جامع HTML5
جزییات دوره
5 hours
82
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,797
4.3 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tech Learning Network Tech Learning Network

آموزش مهارت‌های دیجیتالی حرفه‌ای، شبکه یادگیری فناوری، یک شبکه ویدئویی است که مهارت‌های دیجیتالی مانند توسعه وب، طراحی گرافیک و بهره‌وری دیجیتال را آموزش می‌دهد. ما معتقدیم که آموزش باید در دسترس همه باشد. می‌توانید محتوای شبکه یادگیری فناوری را در Udemy، وب‌سایت ما و در سراسر دنیای ویدیوی آنلاین بیابید.