50٪ تخفیف روی تمام دوره‌ها!
پایان تخفیف تا:
مشاهده دوره‌ها

آموزش فرانت‌ اند از صفر تا صد | یادگیری HTML، CSS و JavaScript

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

آموزش فرانت‌ اند از صفر تا صد | یادگیری HTML، CSS و JavaScript
499,000 تومان 998,000
50٪ مانده تا پایان تخفیف
تعداد دانشجو
665 نفر
مدت زمان دوره
25 ساعت
دانلود ویدیوها
بعد از خرید
سطح دوره
متوسط

توضیحات دوره

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

در این دوره، مفاهیم را از پایه آموزش می‌دهیم، پس نیازی به هیچ پیش‌زمینه‌ای ندارید. قدم‌به‌قدم با کدنویسی ساختار صفحات (HTML)، استایل‌دهی حرفه‌ای (CSS) و اضافه کردن تعاملات پویا (JavaScript) آشنا می‌شوید و مهارت‌های لازم برای تبدیل‌شدن به یک توسعه‌دهنده وب را کسب می‌کنید.

آموزش طراحی سایت حسین احمدی

  1. ✅ بدون هیچ پیش‌نیازی، گام‌به‌گام با پروژه‌های عملی، فرانت‌اند را به شکلی کاربردی و حرفه‌ای یاد می‌گیرید.
  2. ✅ مناسب برای مبتدی‌ها و کسانی که می‌خواهند سطح مهارت خود را ارتقا دهند.
  3. ✅ بعد از این دوره، می‌توانید به عنوان یک طراح و توسعه‌دهنده وب شروع به کار کنید.

این دوره، اولین قدم شما برای ورود به دنیای طراحی و توسعه وب است!

چرا این دوره آموزش طراحی سایت را تهیه کنیم؟

  1. دوره آموزش طراحی سایت مقدماتی تا پیشرفته است
  2. تمامی دوره بصورت پروژه محور و کارگاهی برگزار می شود
  3. مدرس دوره تجربه 18 ساله در طراحی وب سطح کلان دارد
  4. دوره دارای گارانتی بازگشت وجه در صورت عدم یادگیری است
  5. شما پشتیبانی دائمی استاد دوره را در کنار آموزش خواهید داشت
  6. ده ها مقاله و مطلب مکمل برای دوره آموزش طراحی سایت در اختیار شماست
  7. بیش از 200 دانشجو با استفاده از آموزش طراحی سایت این دوره وارد بازار کار شدند
  8. بعد از یادگیری طراحی سایت با این دوره گواهینامه زبان انگلیسی دریافت می کنید
  9. شما نیاز به هیچ مطلب و آموزش مکملی برای یادگیری طراحی وب نخواهید داشت
  10. دوره در واقع شامل سه دوره کامل HTML ، CSS و جاوا اسکریپت می باشد
  11. تمامی آموزشها شامل 3 دقیقه آموزش رایگان برای درک بهتر شیوه تدریس می باشند
  12. بیش از 50 درصد ویدیوهای این دوره آموزشی ( 26 فیلم ) رایگان در اختیار شما قرار می گیرد

آموزش طرحی سایت حسین احمدی

این یک دوره آموزش طراحی سایت مبتدی تا پیشرفته است

شما نیاز به هیچ پیش زمینه ای در طراحی وب ندارید. این دوره کاملا بر اساس این طراحی شده است که شما هیچ چیز در مورد طراحی وب و مفاهیم مربوط به آن نمی دانید و از مفاهیم بسیار ابتدایی در طراحی وب شروع به آموزش می کند و به طراحی های پیشرفته و نوشتن اسکریپت های وب به شما طراحی وب را آموزش میدهد.

مکانیزم آموزش طراحی سایت در این دوره بصورت سناریو محور یا کارگاهی است و شما در حین یادگیری پروژه نیز انجام خواهید داد. آموزش HTML و آموزش CSS و آموزش جاوااسکریپت در این دوره طراحی وب بصورت مجزا تفکیک شده اند تا شما بتوانید براحتی در صورت نیاز فقط آموزش مورد نظر خود را تهیه کنید.

آموزش طراحی سایت حسین احمدی

این یک دوره آموزش طراحی سایت سایت کاربردی است

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

آیا من می توانم در خانه طراحی سایت یاد بگیرم؟

بله ، شما می توانید با گذراندن یک دوره آموزشی طراحی وب ویدیویی ( آنلاین ) با کیفیت ، داشتن پشتیبانی مدرس دوره ، تمرین و پرسش و پاسخ ، انجام تکالیف آنلاین ، مطالعه مقالات و مشاهده ویدیوهای مکمل ، در خانه نیز طراحی وب را یاد بگیرید. اما فراموش نکنید که طراحی وب یک فرآیند مستمر است و دائما در حال تغییر و به روز رسانی است و لازمه رشد در این تخصص این است که دائما به روز باشید.

چه چیزهایی به عنوان یک طراح سایت باید بلد باشیم؟

شما باید معماری وب را بشناسید ، شما باید زبان HTML را بلد باشید ، شما باید زبان CSS را بلد باشید ، شما باید بتوانید کدهای JavaScript برای وب سایتتان بنویسید ، شما باید در حد نیاز وب فتوشاپ و ابزارهای گرافیکی را بلد باشید و در نهایت شما باید تکنیک ها و تکنولوژی های اضافه شده به موارد گفته شده که دائما در حال به روز رسانی هستند را بشناسید و بتوانید با آنها کار کنید.

آیا طراحی سایت با توسعه سایت تفاوت دارد؟

بله ، طراحی وب یا طراحی فرانت اند ( FrontEnd ) آن چیزی است که کاربر آن را در صفحه مرورگر مشاهده می کند اما توسعه وب یا Web Development که به آن برنامه نویسی وب هم می گوییم آن چیزی است که در پس زمینه و روی سرور اجرا می شود و برای کاربر اصلا قابل درک نیست و به همین دلیل به آن بک اند یا BackEnd هم گفته می شود. برای مثال HTML و CSS و جاوااسکریپت را می توان زبانهای فرانت اند یا طراحی وب نامگذاری کرد اما PHP و ASP.NET زبانهای برنامه نویسی وب BackEnd هستند.

چقدر یادگیری طراحی سایت زمان می برد؟

در صورت انتخاب دوره طراحی وب مناسب و رعایت اصول یادگیری بین 3 تا 6 ماه طول می کشد که شما تبدیل به یک طراح وب خوب شوید ، هر چند بسته به استعداد افراد ممکن است این زمان به 12 ماه هم برسد.

تفاوت HTML و CSS در طراحی سایت چیست؟

در مبحث طراحی وب، بوسیله HTML شما ساختار صفحات وب را طراحی م کنید و بوسیله CSS شمایل و زیباسازی صفحات را انجام می دهید. مثال ساختن یک ساختمان را در نظر بگیرید، HTML مانند ساخت اسکلت بندی و دیوارهای یک ساختمان است و CSS مانند گچ کاری و نما کاری م زیبا سازی ساختمان می باشد.

این دوره برای چه کسانی مناسب است؟

مخاطبین دوره:

  • دانشجویان IT
  • علاقه مندان به مبحث طراحی وب
  • علاقه مندان به مبحث توسعه وب

پیش‌نیازهای دوره:

  • آشنایی با کامپیوتر و نحوه کار کردن با آن

در پایان این دوره چه چیزهایی یاد می‌گیرید؟

طراحی صفحات بوسیله HTML

استایل دهی به صفحات به کمک CSS

استفاده از Javascript برای طراحی صفحات پویاتر

استفاده از تکنیک های CSS3 در صفحات وب

طراحی صفحات واکنش گرا یا Responsive

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

تمامی سرفصل ها

58 درس 25
  • ساختار HTML 00:32:29
  • قالب بندی متن ها 00:41:38
  • برچسب ها در HTML 00:50:55
  • استفاده از Link ها 00:37:28
  • تصاویر در HTML 00:27:00
  • کار با جداول در HTML 00:36:56
  • فرم ها و ورود اطلاعات 00:54:58
  • آشنایی اولیه با CSS 00:48:21
  • فونت و متن در CSS 00:32:47
  • تصاویر پس زمینه یا Background ها در CSS 00:21:00
  • خصوصیت Display در CSS 00:11:39
  • مفهوم BoxModel 00:31:15
  • کار با Position ها 00:27:31
  • مفهوم Pseudo Class ها 00:18:36
  • ایجاد Navigation ها 00:16:03
  • منوهای کشویی با HTML 00:21:48
  • ایجاد Mega Menu در CSS 00:09:13
  • خصوصیت Float و Layout صفحات 00:34:23
  • آشنایی با Pseudo Element ها 00:15:52
  • مفهوم Grid System 01:05:29
  • آموزش CSS Reset 00:06:32
  • آموزش HTML5 00:34:56
  • قالب سایت خبری 1 00:47:39
  • فونت های شخصی در CSS 00:15:57
  • قالب سایت خبری 2 01:02:01
  • قالب سایت خبری 3 00:37:24
  • آموزش CSS3 00:21:00
  • کار با Background و Color 00:23:45
  • ایجاد Gradient در CSS3 00:17:09
  • سایه ها در CSS3 00:21:25
  • کار با متن در CSS3 00:10:48
  • کار با Transform ها در CSS3 00:18:02
  • محیط سه بعدی در CSS 00:17:11
  • کار با Transition در CSS3 00:15:51
  • ایجاد مکعب سه بعدی 00:20:23
  • ایجاد Animation در CSS3 00:23:28
  • ایجاد Multiple Columns 00:16:21
  • آشنایی با Flexbox در CSS3 00:18:27
  • طراحی واکنش گرا یا Responsive 00:33:35
  • تکنیک Sprite Images 00:20:05
  • کتابخانه Font Awesome 00:19:38
  • تکنیک Flipcard 00:13:26
  • تکنیک Hover Effect 00:17:23
  • شروع آموزش جاوااسکریپت 00:15:49
  • مفاهیم اولیه جاوا اسکریپت 00:20:10
  • نوع های داده 1 00:42:24
  • نوع های داده 2 00:30:15
  • حلقه ها (Loops) 00:21:00
  • دستورات کنترلی در JS 00:19:31
  • توابع (Functions) 00:18:34
  • آموزش کار با DOM بخش اول 00:40:16
  • آموزش کار با DOM بحش دوم 00:14:15
  • آموزش کار با DOM بخش سوم 00:05:31
  • آموزش کار با DOM بخش چهارم 00:54:09
  • آشنایی با BOM 00:28:25
  • فرم ها در JavaScript 00:34:19
  • آموزش Timing Events 00:12:16
  • چند مثال کاربردی در JavaScript 00:32:45

نظرات دانشجویان این دوره

دوره فوق العاده ای بود . واقعا عالی عالی . اقای احمدی ممنونم ازتون به خاطر اینکه به همه نکات ریز و درشت توجه کردید و بهترین دوره رو برای ما فراهم کردید

آواتار دانشجو
ابوالفضل لطفی
دانشجوی توسینسو

جایگاه این دوره در نقشه راه

برای این دوره هنوز هیچ نقشه راهی تعریف نشده است.

گواهینامه پایان دوره

نمونه گواهینامه دوره

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

گواهینامه توسینسو چیست؟

درباره مدرس دوره

حسین احمدی

حسین احمدی

بنیانگذار توسینسو و برنامه نویس و توسعه دهنده ارشد وب

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

۱۵ دوره
+۲۰,۰۰۰ دانشجو
۴.۸ میانگین امتیاز

هنوز برای شروع مطمئن نیستی؟

فرم زیر را پر کن تا کارشناسان ما برای یک جلسه مشاوره تخصصی رایگان با شما تماس بگیرند.

سوالات متداول

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

بصورت کلی طراحی وب سایت شامل سه زیر دوره به شکل آموزش HTML ، آموزش CSS و آموزش جاوااسکریپت است.

نظرات کاربران (46)

آواتار کاربر
1403/05/29

سلام ، من به عنوان کسیکه حداقل 20 سال هست در تکنولوژی هستم یه چیزی میگم خودتون تا آخرش بخونید

  • HTML مثل فونداسیون ساختمون میمونه ، توی 30 سال اخیر چقدر پایه ریزی ساختمون ها تغییر کرده؟
  • CSS مثل نمای ساختمون هست ، توی 30 سال اخیر چقدر نمای ساختمون ها تغییر کرده؟
  • JavaScript مثل تاسیسات ساختمون میمونه ، توی 30 سال اخیر چقدر تاسیسات ساختمون تغییر کرده؟

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

  • اما چی تغییر کرده که به روز رسانی کنیم؟

پلتفرم های جانبی مرتب تغییر می کنن که اصلا ربطی به استخون بندی اصلی ندارن ، فریمورک های طراحی سایتی مثل Angular JS یا Vue JS یا کلی JS دیگه هر روز در حال تغییر هست ، اونها رو شما می تونید با یادگیری این دوره ، مرتب به روز رسانی کنید ، اصل تغییرات در این فریمورک ها هست در طراحی سایت که اون رو دیگه بر اساس نیاز باید توی کار تغییر بدید و به روز رسانی کنید ، هسته همین هست و تمام ...

آواتار کاربر

سلام. 1403 هستیم و دوره به روز رسانی نشده. حدودا برای هفت سال پیش هست. با توجه به تغییرات هر روزه ، ایا این دوره هنوز برای یادگیری مناسب هست؟

آواتار کاربر
1402/12/10

سلام استاد

خواستم بابت طراحی و تدوین این دوره واقعا تشکر کنم

در عین حال هیچ جا پشتیبانی به این خوبی ندیدم ، ممنون از اینکه در کنار دانشجوهاتون هستید

آواتار کاربر
1401/05/23

سلام وقتتون به خیر ، من این دوره رو برای ورود به دنیای هک و نفوذ تهیه کردم و چون پایه های جاوااسکریپت رو نیاز داشتم بدونم ، نیازم رو به خوبی برآورده کرد ، مدرس هم مسلط هست و هم مشخص هست سابقه زیادی در حوزه طراحی وب داره ، در کل دوره خوبی هست و ممنون از مهندس احمدی

آواتار کاربر

من برنامه نویسی وب با جنگو کار می کنم و برای طراحی سایت باید HTML و CSS رو خوب مسلط میشدم ، خدارو شکر همه چیزهایی که میخواستم توی دوره بود ، یه خورده ویدیوها قدیمی شده اما محتوا همون محتوا هست و دستورات هیچ تغییری نکرده ، برای افرادیکه میخان Pure JavaScript یاد بگیرن و درگیر فریمورک ها نیستن ، دوره خوبی هست

آواتار کاربر

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

آواتار کاربر

هر چیزی اینجا یاد میگیرید ، عینا تو بازار کار همین هست ، مهندس احمدی تجربه میگه تدریس نمی کنه ، یا علی

آواتار کاربر

سلام به همگی

دوره اینقدر کامل و جامع هست که دیگه نیازی به هیچ دوره ای برای HTML و CSS و جاوا اسکریپت ندارید

هفت ماه وقتم رو تو آموزشگاه هدر دادم ، خیالم بابت خرید این دوره راحته چون پروژه محور هست

دم شما گرم که اینقدر به فکر دانشجو هستید و از آموزش نمی زنید

آواتار کاربر

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

آواتار کاربر
1397/11/08

این دوره رو بگیرید ، هیچ دوره ای نیاز ندارید ... تامام

499,000 تومان 998,000