دوره آنلاین و رایگان اموزش HTML5
با نام و یاد خدا، سلام به دوره آنلاین و رایگان اموزش HTML5 خوش آمدید.در این دوره به صورت کامل با زبان طراحی صفحات وب یعنی HTML5 آشنا خواهیم شد و سپس با جدیدترین APi های معرفی شده همراه HTML5 کار خواهیم کرد،با ساخت قالب ساده برای وب سایت بر اساس جدیدترین تگ های ارائه شده در اچ تی ام ال ۵ ، با SVG و Canvas برای تولید تصاویر در محیط وب آشنا می شویم با ذخیره سازی اطلاعات در صفحه وب و جابجا کردن عناصر Drog&Drop و کلی آموزش کامل و حرفه ای آشنا خواهیم شد.
اچ‌تی‌ام‌ال ۵، عنصرها و صفت‌های تازه‌ای معرفی می‌کند که کاربردهای وب‌سایت‌های امروزی را پاسخ می‌دهند. ارایه ی عنصر <nav> به عنوان عنصری برای بخش ناوبری یا منو برای سایت به جای کاربردهای عمومی عنصرهایی چون (<div>) و (<span>) یکی از آن‌ها است.
افزوده شدن عنصر <footer> برای ارجاع به پانوشت‌ها یا خطوط پایانی کدهای اچ‌تی‌ام‌ال؛ و عنصر <audio> یا <video> به جای عنصر <object> از دیگر دگردیسی‌های این ویرایش است. همچنین در این ویرایش، برخی از عنصرهای اچ‌تی‌ام‌ال ۴/۰۱ مانند عنصرهای <font> و <center>، به کلی منسوخ و کنار گذاشته شده اند که تنها برای تعیین نوع و نحوه ی نمایش محتوای اشان به کار می‌رفتند و وظیفه ی آن‌ها بر دوش شیوه‌نامه‌های آبشاری (CSS) نهاده شده است.
لازم به ذکر است که این ورژن همراه با CSS3 میتوانند به راحتی جای jquery را در ساخت گالری و اسلاید شو ها و افکت های دیگر گالری مانند پر کنند.
در دوره اموزش HTML5 از محیط توسعه نت بینز برای آموزش استفاده شده است.
ويژگی های جدید html5 چیست؟
به طور کلی می توان خاصیت های زیر را در html5 نام برد:
– وجود کنترل های جدید مانند تقویم ؛ تاریخ ؛ زمان ؛ پست الکترونیک ؛ آدرس اینترنتی و…
– پشتیبانی از ذخیره سازی لوکال
– تگ <canvas> برای افزودن ۲D اشکال
– تگ <video>و <audio> برای پخش موارد سمعی و بصری
– و دیگر تگ ها نظیر<article> , <footer> , <header> , <nav> , <section>
یکی دیگر از موارد مهم اینکه شما میتوانید با فراگیری کامل html 5 اقدام کنید به ساخت برنامه ها ی موبایل یا اسمارت فون های اپل.اندروید و ویندوز فون.امروزه ابزارهای کراس پلتفرم زیادی وجود داره که می توانید با استفاده از آن ها برنامه و بازی برای موبایل بسازید.
مزیت دوره آنلاین و رایگان اموزش HTML5:
۱. ۶ ساعت اموزش html5 کاملا رایگان
۲.کار کردن با تمامی امکانات جدید معرفی شده در HTML5
۳.کار کردن با جدیدترین تگ های معرفی شده در HTML5
۴.ذخیره سازی اطلاعات در HTML5
۵.مکان یابی در HTML5
۶.کار با تگ SVG یکی از جدیدترین امکانات افزودن تصاویر به محیط وب و ویرایش کدهای تصاویر
۷.کار با Api های جدید وب
۸.دانلود اموزش HTML5 به صورت کامل در قالب پکیج
۹.بروز رسانی دائمی
دانلود ترتیب ویدیوهای آموزش ویدئویی HTML5
نمونه آموزش دوره آنلاین و رایگان اموزش HTML5:
لینک دانلود پکیج آموزش HTML5
دریافت لینک دانلود
برای دریافت فایل مدنظر نام و ایمیل خود را در فرم زیر وارد کنید تا لینک دانلود برای شما ارسال شود
اگر لینک دانلود در پوشه اینباکس ایمیل مشاهده نشد،پوشه اسپم یا هرز نامه را بررسی کنید
حتما آدرس ایمیل خود را به صورت صحیح وارد کنید . [ایمیل www ندارد]
برچسب:api چیست, Application Cache چیست, Application Cache در وب, Canvas چیست, drag & drop عناصر در HTML5, Geolocation Api در html5, id دادن به تگ, svg چیست, Web Storage Api چیست, Web Storage Api در html, Web Storage Api در Html5, آشنایی با HTML5, آشنایی با المنت ها, آشنایی با تگ SVG, آموزش html5 و css3آموزش html5 به زبان فارسی, آموزش آنلاین رایگان, آموزش برنامه نویسی کامپیوتر مقدماتی, آموزش تصویری html5, آموزش کاملا رایگان, آموزش کاملا رایگان برنامه نویسی, آموزش ویدئویی آنلاین, آموزش ویدئویی آنلاین رایگان, آموزشی آنلاین, آموزشی آنلاین HTML, آموزشی آنلاین و رایگان, آی دی (ID) دادن به عناصر, اموزش CSS3, اموزش font awesome, اموزش HTML5, اموزش Web Storage Api, اموزش آنلاین HTML5, اموزش انلاین رایگان, اموزش فونت آوسام, انیمیشن در Css, انیمیشن در html5, بازار کار برنامه نویسی در ایران, برنامه نویس شدن, برنامه نویسی برای مبتدیان, برنامه نویسی را با چه زبانی شروع کنیم, بهترین سایت آموزشی, بهترین سایت های آموزشی کامپیوتر, تگ Audio, تگ autocomplete, تگ datalist, تگ details و summary, تگ dialog, تگ DIV, تگ Video, تگ ها در html, چگونه برنامه نویسی را یاد بگیریم, چگونه میتوان یک برنامه نویس حرفه ای شد؟, چیست Geolocation Api, خاصیت فرم Form, دانلود آموزش انلاین, دانلود آموزش رایگان HTML5, دانلود دوره آموزش, دانلود فیلم آموزش, دانلود فیلم آموزش css به زبان فارسی, دانلود فیلم آموزش html, دانلود فیلم آموزش html به زبان فارسی, دانلود فیلم آموزش html5 به زبان فارسی, دانلود فیلم آموزش رایگان, دوره آموزش ویدئویی و انلاین HTML5, دوره آنلاین html, دوره آنلاین html5, دوره انلاین جاوا اسکریپت, دوره های آموزشی طراحی سایت, ذخیره سازی اطلاعات, ذخیره سازی در وب, ساخت قالب ساده وب سایت, ساخت قالب وب سایت, سامانه آموزش آنلاین, سایتهای آموزشی رایگان, شاخت قالب وب سایت, طراحی صفحات وب پیشرفته, فونت آوسام font awesome, فیلم آموزش جاوا اسکریپت, قرار دادن کد html در وردپرس, کار با api وب, کار با Canvas, کار با drag & drop عناصر در HTML5, کار با Geolocation Api, کار با localStorage و sessionStorage در HTML5, کار با svg, کار با کنترل ها در HTML, کار کردن با Application Cache, کار کردن با جاوااسکریپت, کلاس در html5, مسیر یا path در SVG, منابع آموزش, منابع آموزشی برنامه نویسی
ممکن است همچنین دوست داشته باشید
روش های کسب درآمد از طریق طراحی وب سایت
تفاوت برنامه نویسی و مهندسی نرم افزار
85 نظر
سلام چرا قسمتاش مشخص نیست ما از کجا بدونیم از کجا شروع کنیم؟
سلام وقت بخیر،ترتیب دوره های رایگان در توضیحات دوره به رنگ قرمز قرار داده شده است.
سلام
ممنون بابت سایت خوبتون
من با netbeans مشکل دارم. نصب کرده ام و قبلش البته jdk رو هم نصب کردم . نرم افزار بدون هیچ مشکلی اجرا میشه ولی با زدن گزینه new project یا new file هیچ اتفاقی نمیفته . میشه بفرمایید اشکال کارم کجاست ؟
سلام ممنونم از حسن نظر شما،ایا از طریق windows environment مسیر jdk رو مشخص کردید؟
سلام خدمت شما واقعا صمیمانه از طرف خودم به شما درود میفرستم به خاطر آموزشهای واقعا عالی تون….من خیلی سایت ها و آموزشها رو دیدم که خیلی هم حجمشون زیاد بود نسبت به حجم آموزش شما….ولی از لحاظ کیفیت شما کجا و اونا کجا…من CC3دانلود کردم و دیدم خیلی چیزیهای خوبی یاد گرفتم و با این حال که CSSخوب بود و الانم هم که ب شما پیام میدم در حال دانلود HTML5هستم امیدورام از این آموزش هم چیزی های جدیدی یاد بگیریم ….در آخر هم درود میفرستم به شما …شیر مادرت حالت
سلام مهدی عزیز بسیار خوشحالیم که دوره های آموزشی سایت برای شما مفید بوده و انشالله این دوره هم مفید خواهد بود،و ممنون بابت پیام پرانرژیت
سلام من فایل رو گرفتم ولی ترتیب نداره آموزش ها چیکار کنم؟
مرسی حل شد D:
سلام من چند بار ایمیل وارد کردم اما هنوز لینک دانلود html5 برای من ارسال نشده:(
شاید مشکلی در ارسال ایمیل وجود داشته باشد.لطفا چند دقیقه صبر کنید و دوباره امتحان کنید
سلم و احترام بابت سایت خوبتون….
میخواستم بدونم ترتیب آموزش ها رو چطوری ببنیم؟الان وسط html5 از جاوا اسکریپت استفاده می کنید و می فرمایین در دوره اش توضیح داه شده…
میشه لطف کنید ترتیب اموزش های css، جاوااسکریپت و html5 را بفرمایین؟
یک سوال دیگه اینکه من اولای آموزش html5 رو دیدم وچون مبتدی هستم ، متوجه شدم که از ابتدای کار با html شروع نمی کنید….آیا آموزش یا دوره خاصی برای html هست قبل از html5؟
تشکر
سلام وقت بخیر
نیازی به یادگیری HTML نیست HTML5 همون HTML هست با یک سری تغییرات.ترتیب دوره ها هم در داخل توضیحات متن هر دوره قرار داده شده است با رنگ قرمز
با عرض سلام و تشکر بابت این دوره اموزشی بسیار عالی
استاد من چند سوال داشتم
1 – ایا پس از کد نویسی و تکمیل فرایند ایجاد وب سایت میتوان برنامه را در ویژوال استودیو پیاده کرد ؟ یعنی میشه من کد ها رو در ویژوال کپی کنم و با ویژوال وب سایت رو پیاده کنم ؟ صرفا چون در حال همکاری با شرکت مایکروسافت هستم و هنوز مبتدیم نیازمند کمکم و سوالت زیادی در این خصوص دارم میشه لطفا راهنمائی کنید
2 – ترتیب فایل های ویدوئی مشخص نیست ایا موردی ندارد که کد ها جابجا نوشته شوند ؟
3 – بنا براین اموزش ها ایا میتوان یک وب سایت شبکه اجتماعی راه اندازی کرد ؟
با کمال تشکر و ارزوئی ثروتی از موفقیت و خوشبختی
سلام دوست عزیز . شما بعد از اینکه تمپلیت یک سایت رو کامل کردید. میتونید اون رو تو هر بستری که خواستی ببری. ولی خوب مثلا برای بردن کدهای html و فایلهای js و Css باید مسیر هاتون رو درست تنظیم کنید.
و با ساختار صفحات در اون بستر هم باید آشنا باشیدو مثلا توی asp.net وب فرم شما کدهای html اصلی و فرا خوانی های اصلی رو باید توی فایل master قرار بدید . بعد بخش متغییر کدها مثل متن صفحات رو توی بخش content صفحات فرمی که از master page ساخته شدند قرار بدید.
هر نوع سایتی رو میتونید پیاده کنید و برای اینکار فقط html که یک زبان نشانه گذاریه کافی نیست باید برنامه نویسی سرور و جاوا اسکریپت هم بدونی….
ترتیب دوره ها هم در متن توضیحات دوره قرار دارد
سلام
چرا در قسمت پشتیبانی شماره تلفن نداره ؟
قسمت پشتیبانی درحال حاضر به دلیل طراحی دوباره در دسترس نیست به محض در دسترس قرار گرفتن شماره تلفن های پشتیبانی نیز قرار خواهد گرفت
سلام برای svg دوره اموزشی میسازین یا کلش همینا بود؟
در این دوره تنها به svg به صورت خیلی مقدماتی اشاره شده.در اینده دوره کاملی قرار خواهد گرفت
میشه ترتیب ویدیوهارو بگید؟توی توضیحات چیری نیست
داخل متن هست به این تصویر دقت کنید,و یا از دکمه های ترکییبی CTRL+F5 استفاده کنید تا کش مرورگر خالی شود
میشه ترتیب ویدیو ها رو بگید؟
ترتیب ویدیوها داخل متن توضیحات دوره قرار داده شده است
درود.خیلی سپاسگذارم از گذاشتن این آموزشها.من نیز آموزشهای html5 , Css3 , javasript را دانلود کرده ام لطفا پاورپویت این آموزشها را نیز برایم ارسال نمایید.سپاس
سلام خیلی ممنون از زحمات شما بابت تهیه این سری آموزشی بسیار کاربردی بنده آموزش html5 , Css3 , js رو دانلود کردم خیلی ممنون میشم اگه پاورپوینت های اونها رو برای من ارسال کنید.
واقعا خیلی دوره های آموزشیتون عالیه. از زحماتتون تشکر می کنم. مرسییییییی
سلام خیلی ممنون از زحمات شما بابت تهیه این سری آموزشی بسیار کاربردی بنده آموزش html5 , Css3 , js رو دانلود کردم خیلی ممنون میشم اگه پاورپوینت های اونها رو برای من ارسال کنید. با تشکر
به ایمیل شما ارسال شد
salam, mohandes vase Mac chejori bayed az in link estefade kald? chok nemishe unzipp kald
سلام می تونید از این برنامه استفاده کنید
سلام من cssپیشرفته، html5 و جاوااسکریپت رو دانلود کردم وقتی خواستم از فشرده خارجشون کنم خطا میده دوبار هم دانلودد کردم شاید بد دانلود شده باشه اما درست نشد
سلام از این لینک استفاده کنید تا مشکل حل بشه
سلام خسته نباشید. مهندس من بالای 10 بار سعی کردم ولی هیچ ایمیلی برای من ارسال نشده. لطف کنید راهنمایی کنید.
لینک دانلود مستقیم به ایمیلتون ارسال شد.متاسفانه گاهی اوقات به سرویس هات میل ارسال نمیکنه
ممنون از شما عالیه کارتون که اموزش مجانی میزارید واسه دانلود
سلام ببخشید میشه به من بگین که چگونه میتونم آموزش شش ساعته رو ببینم چون وقتی روی اون فیلم کلیک میکنم فقط 3 یا 4 دقیقه فیلم نشان میدهد
سلام ایلیا ی عزیز،برا دوره های رایگان تنها امکان دانلود وجود داره شما میتونید در قسمت پایین هر دوره ایمیل و نام خود را وارد کنید تا لینک دانلود کامل دوره (۶ ساعت) براتون ارسال بشه.
سلام ممنون از آموزش های خوبتون.سپاس از لطفتون
ممنون میشم اگه ارسال کنید
دوره آموزشی کامل و خوبی بود ممنونم از انتشار این دوره اموزشی
سلام ممنون از اموزش خوبتون لطفا فایل پاور پوینت رو برام ارسال کنید
فایل پاورپوینت دوره به ایمیل شما ارسال می شود
سلام پاورپوینت های اموزش html رو از کجا میتونم دانلود کنم؟
سلام به ایمیل تون ارسال شد
ممنون از شما و اموزش های خوبتون.
با سلامدر بخش تگ دیالوگ شما کد های جاوا و css رو هم استفاده کردین که توی ویدیو های قبلی بهش نپرداختین آیا آموزشاش جداست و اگر هست اول باید کدوم زبان رو یاد بگیریم
ممنون.یعنی اون بخشایی که شما کد های css میزنید رو نادیده بگیرید بعد از تکمیل html شروغ به یاد گیری css کنیم؟
نه نادیده نگیرید همونجاهم یادبگیرید،اما سعی کنید که css هم یادبگیرید
با سلام
تازه آموزشاتون رو گرفتم و واقعا خوبه فقط اسلاید ها برای منم نبود اگه میشه به ایمیل من بفرستیدشون
ممنون
لینک دانلود به ایمیل شما ارسال شد
سلام .خسته نباشید.netbeans8.2 من فارسی تایپ نمیکنه اصلا .فونتو روی فارسی میذارم ولی یه چیزای بی معنی میذاره.باید چیکار کنم.؟؟
به مسیر Tools > Options > Fonts برید و فونت Arial یا یکی از فونت های سیستمی استفاده کنید.
با سلام و احترام . بسیار عالی هست مطالب آموزشیتان . امیدوارم همیشه در تمامی مراحل زندگی موفق هستید موفق تر باشید .
سلام ممنون امیدوارم شما هم همیشه شاد و موفق باشید . خوشحالیم که براتون مفید بوده .
با سلام و عرض ادب خیلی ممنون از ارائه آموزش هاتون بسیار ساده و روان بودن و صد البته مفیداگه امکان داره اسلاید ها رو ایمیل کنین یا در سایت قرار بدین که دانلود کنم.با آرزوی موفقیت و بهروزییا علی
سلام علی عزیز،مرسی بابت فید بک مفیدت،اسلاید های تمامی دوره ها رو به ایمیلت ارسال کردیم.
با سلامتازه آموزشاتون رو گرفتم و واقعا خوبه فقط اسلاید ها برای منم نبود اگه میشه به ایمیل من بفرستیدشون ممنون
سلام و خسته نباشید به مهندسین گرامی کدفرند اگه ایشاللا از سایت جدید پرده برداری کردین لطفا این قسمتها کامنتها رو یخورده تغییر بدید (الان من جمله “سلام و خسته نباشید به مهندسین گرامی کدفرند” رو در یک خط و جمله “اگه ایشاللا از سایت جدید پرده برداری کردین لطفا این قسمتها کامنتها رو یخورده تغییر بدید” رو در خط بعد نوشتم اما سیستم مثل خروجی نوت پد در مرورگر تمام کلمات رو پشت سر هم تولید میکنه. در واقع سیستم باید نوشته های کامنت رو مثل تگ pre نمایش بده. مشکل این نوع برنامه نویسی در دو کامنت پائین تر کاملا مشهود و واضح هست که میان کلمات انگلیسی و فارسی تداخل پیدا شده و مخاطب مطالب رو درست متوجه نمیشه) امیدوارم که در سایت جدید این مشکل برطرف بشه و حتی از کدها بشه در داخل کامنت ها هم استفاده کرد مثل خیلی از سایت ها
خواهش می کنم انجام وظیفه کردم
واقعا راضیم از سایتتون . اگه میشه آموزشاتونو بیشتر کنید
ممنونم از لطف شما،درحال آماده سازی آموزش های جدید هستیم.
سلام مهندس جان خسته نباشیمهندس لطف می کنی فایل های پاور پوینت دوره ها رو برام ایمیل کنیمن آموزش html5 ــ css3 بخش اول و css3 بخش دوم و جاوا اسکریپت رو دانلود کردم و فایل های پاور پوینت هیچ کدومشون نیستدستت درد نکنه دمت گرم
مقالات پاورپونیت به ایملیتون ارسال میشه
میشه برای من هم
خیلی ممنون
مطالب و آموزنده ای بودند
لطفا سایت را گسترش دهید
باتشکر از شما دوست عزیز،در حال آماده سازی دوره های جدید هستیم
ممنون از آموزش هایی که قرار می دهید
سلام.من رامین صدقی هستم.کارشناس ارشد نرم افزار
من چند روزی میشه با سایت شما آشنا شدم و در اکثر نظرات دیدم که شما مشکل پخش نشدن رو از سیستمی به نام فشرده ساز ویدیو میدونید.من توی این مدت سایت شما رو تست کردم(البته با اجازه) پخش ویدیو در زمان هایی کار میکنه و گاهی مواقع هم مشکل داره.اما با این حال من در تست ها متوجه شدم که سیستم فشرده ساز شما به خوبی کار میکنه و حجم ترافیک رو بخوبی کاهش میده.من دوره های شما رو دانلود کردم و حجم هر ویدیو رو دیدم اما در پخش انلاین این حجم به دو سوم کاهش پیدا میکنه که این خیلی عالی و من اولین بار بود که با این مسئله روربرو شده بودم.ممنونم و ببخشید که در کار شما دخالت کردم.
ممنونم از شما جناب صدقی که ویدئو پلیر رو تست کردین و نظرتون رو برامون فرستادین
با سلام
من فایلشو دانلود کردم اما موقع اجرا error میده چکار کنم؟
پیغام ارور در هنگام اجرای فایل زیپ نمایش داده می شود؟؟
سلام واقعا دستتون درد نکنه عالی هستش ، هم از لحاظ گفتار و ویدیو .معلومه که شیر حلال خورده اید ، فقط مشکل ضبط صدا داره که مطمین هستم درست میشه. مرسی
ممنونم از شما دوست عزیز،خوشحالیم که از دوره آموزشی استفاده کردین.مشکل صدا تنها در دوره HTML5 هست،ولی در دوره ها جدید مشکل صدا رو تا حد زیاد برطرف کردیم.
سلام نمیدونم چرا انقد طول میکشه تا باز شه اخرشم چیزی نمیاد اگه ممکنه لینک دانلودشونو به ایمیلم ارسال کنید.
متاسفانه پخش ویدئو کمی با مشکل مواجه است،شما می توانید در قسمت آخر هر دوره آموزش با وارد کردن نام و ایمیل خود پکیج کامل هر دوره را دانلود نماید.
سلام لینک دانلود برای من ارسال نشده لطفا پیگیری کنید
لینک دانلود به ایمیل شما ارسال شد،متاسفانه سرور به دلیل تقاضاهای زیاد برای دانلود کمی با مشکل مواجه شده است.که بابت این مشکل از شما پوزش می طلبیم
سلام خسته نباشید …… لینک برای من ارسال شد ولی کار نمیکرد …. اینم بگم از یک ساعت نگذشته بود
فایلی که برا شما ارسال میشه یک فایل docx هست.که داخلش لینک دانلود دوره و فایل پاورپوینت قرار گرفته.اگر فایل docx رو هم دریافت نکردین در همین بخش اعلام کنید تا فایل مستقیم به ایمیل شما ارسال شود.
ممنونم از اطلاع رسانی شما.جایگاه ویدئو ها تغییر داده شد
سلام.
برای دانلود پکیج لینکی که به ایمیل فرستاده میشه به صفحه login سایتتون هدایت میشه. و اونجا هم امکان رجیستر کرن وجود نداره.
راه حل چیه؟
با عرض سلام،ممنونم که از دوره های اموزشی کدفرند استفاده می کنید.ببنید اگر شما به صفحه login منتقل می شوید.به دلیل اینه که لینک ها دارای تاریخ انقضا هستند و فقط یک ساعت قابلیت دانلود دارند(این مسئله در هنگام دریافت ایمیل نمایش داده میشود.).به همین دلیل است که به صفحه اکانت منتقل می شوید.من لینک دانلود کامل رو براتون ایمیل کردم.
مرسی و دمتون گرم خیلی اموزش منظم و کاملی هم از لحاظ بیان و هم از لحاظ کیفیت ویدیوها
بیگ لایک دوره خوب . کاملی بود انصافا با اینکه رایگان هم بود ممنونم و موفق باشید
سلام
آیا این آموزشها برای افراد مبتدی تهیه شدند؟ یعنی از «صفر» تا صد هست؟
و آیا این آموزش ها کامله؟ یعنی هرآنچه که در اچ‌تی‌ام‌ال باید بدانیم و هر آنچه در اون هست در ویدیوهای آموزشی بالا قرار داده شده؟
با عرض سلام
بله دوره آموزش html5 از پایه به صورت اصولی برای افراد مبتدی تا پیشرفته آماده شده است،شما در پایان این دوره می توانید به صورت کامل یک صفحه وب را با اصول استاندارد طراحی کنید