(اگر HTML می دونی، می تونی این صفحه رو نادیده بگیری و مستقیم بری سراغ مرحله بعدی یادگیری که در این لینک توضیحات کامل رو دادم)
می خوای طراح وب سایت بشی؟ پس آموزش رایگان HTML کد آکادمی رو مشاهده کن. چون باید اول باید الفبای این کار رو یاد بگیری! منظورم HTML و نسخه به روز شده اون یعنی HTML5 هستش. برای یادگیری اینکه HTML (یا همون اچ تی ام ال) چی هست و چطور می شه از اون برای طراحی سایت استفاده کرد، پیشنهاد می کنم این اموزش رایگان ویدیویی رو از دست ندید.
نقشه راه تبدیل شدن به طراح وب
اگر تصمیم دارین طراح وب سایت بشین و اطلاعی از این فیلد و تخصص ندارین، بهتر هست که نقشه راه مناسبی داشته باشین. نقشه راه پیشنهادی کد آکادمی این هست که در ابتدا HTML و CSS را یاد بگیرید. از اچ تی ام ال برای طراحی اسکلت یک صفحه اینترنتی استفاده می شود.
در واقع شما با کمک تگ هایی (tag) ساختار یک صفحه اینترنتی را طراحی می کنید. و از سی اس اس برای رنگ و لعاب دادن به آن استفاده می شود. مثلا با استفاده از CSS می توانید رنگ/فونت/اندازه/موقعیت متن ها را مشخص کنید.
نیازی نیست که به صورت کامل این دو را یاد بگیرین. همین که متوجه ساختار کلی بشین کافی هست (البته برای شروع!)
بعد از آن سراغ یاد گیری جاوا اسکریپت برین. با استفاده از Java Script می توانید HTML و CSS رو موقعی که کاربر داره سایتتون رو مشاهده می کنه تغییر بدین (و خیلی کارهای دیگه).
باز هم در مورد جاوا اسکریپت باید بگم نیازی نیست تا آخرش رو یاد بگیرین. برای شروع حداقل یادگیری کافیه. دلیلش رو جلوتر بهتون میگم…
بعد از اینکه HTML و سی اس اس و جاوا اسکریپت رو تا حدودی یاد گرفتین و ذهنیت خوبی پیدا کردین که هر کدوم برای چه کاری هست، اون وقت می تونین بهتر تصمیم بگیرین که آیا:
1- بهتر هست طراح ظاهر سایت بشین؟! آیا علاقتون اینه اون چیزی که کاربر میبینه رو طراحی کنین؟! که اونوقت باید مواردی مثل VUE.JS و Angular رو یاد بگیرید.
2- و یا اینکه در طراحی و نوشتن کدهایی که در پشت صحنه یک سایت هست تبحر دارین پس باید سراغ PHP، Ruby و امثال اینها رو یاد بگیرین.
البته در بیشتر مواقع افراد علاقشون اینه که هر دو مورد رو یاد بگیرین. بعد از اینکه مسیر کاریتون رو مشخص کردین می تونین برین سراغ تقویت مهارت های CSS و HTML و هر چیز دیگه ای که به صورت کامل اون رو بلد نیستین!
PDF آموزش HTML به زبان فارسی
اگر جز اون افرادی هستین که هنوز به یادگیری از طریق کتاب علاقمندن، می توانید از کتابی که برای همین آموزش نوشته شده استفاده کنید.
در غیر اینصورت می توانید در دوره ویدیویی زیر به صورت رایگان ثبت نام کنید!
آموزش HTML5
1. دانلود بخش اول ویدئو
2. دانلود بخش دوم ویدئو
3. دانلود بخش سوم ویدئو
4. دانلود بخش چهارم ویدئو
5. دانلود بخش پنجم ویدئو
6. دانلود بخش ششم ویدئو
7. دانلود بخش هفتم ویدئو
8. دانلود بخش هشتم ویدئو
دانلود فایل ویدیو به کار رفته در مثال (تست تصادف تسلا) فایل های ضمیمه
مرحله بعدی چیه؟ رایگان
درخواست مشاوره
برای کسب اطلاعات بیشتر درباره این دوره درخواست مشاوره خود را ارسال کنید و یا با ما در تماس باشید.
درخواست مشاورهدوره های مرتبط
پکیج آموزش جاوا اسکریپت
آموزش CSS پیشرفته
آموزش رایگان برنامه نویسی اندروید
تمرینات پایتون – مقدماتی تا پیشرفته
بفرمایید کد! و اما قضیه از این قرار هست که: در یادگیری برنامه نویسی، مواردی زیادی مهم هست که شما…
morikhoram19
سلام استاد وقتتون بخیر باشه
من هیج اطلاعاتی جدا از این آموزش رایگانی ک در اختیارمون گذاشتید ندارم..۰
این دوره رو کامل دیدم ..
برای اینکه بخوام جاوا اسکریپت رو از مقدماتی تا پیشرفته یادبگیرم و شروع ب کار کنم..
پکیج مقدماتی تا پیشرفته رو که گذاشتید تهیه کنم کفایت میکنه؟
بهنام خانی(مدیریت)
درود
بله در این دوره شما از پایه با مفاهیم اصولی و مورد نیاز جاوااسکریپت آشنا ومسلط میشید.
نوژان دیوسالار( دانشجوی دوره )
سلام من فقط تونستم ویدئو اول رو تماشا کنم چون گزینه پخش ویدئو داشت ولی بقیه ویدئوها پخش نداره و حتی دانلود هم که میکنم و فایل رو استخراج میکنم باز هم باز نمیشه (ثبت نام هم کردم و دوره رو تو سبد خرید هم فرستادم و همه کارها رو انجام دادم) ممنون میشم اگه رسیدگی کنین
بهنام خانی(مدیریت)
درود
دوره رو به سبد خرید اضافه کنید و مراحل پرداخت رو تا پایان برین. بعد از اون دوره به حساب کاربریتون اضافه میشه و می تونید ویدیوها رو دانلود کنید.
مرضیه هاشم پور( دانشجوی دوره )
اصلا قابل مشاهده نیست دوره ها، 404 شده، دانلود رو که می زنم 404 هستش
بهنام خانی(مدیریت)
درود
مشکلی در لینک دانلود نیست. مجددا امتحان کنید.
امیررضا خاکدان ویر( دانشجوی دوره )
سلام ممنون بابت توضیحات خوبتون یک سوال داشتم بعد از یاد گرفتن برنامه نویسی میتونیم در مسابقات برنامه نویسی شرکت کنیم ؟و بعد چه تاثیراتی برای ما داره میتونه ما رو سرشناس تر کنه؟
بهنام خانی(مدیریت)
درود چه مسابقاتی مد نظرتونه؟ بستگی به پلتفرمشون داره ولی مسلما جز رزومه حساب میشه
aliakbar.micro( دانشجوی دوره )
سلام چرا دوره رایگان قفل هست و نمیشه دید با توجه به اینکه در سایت عضو هستم؟
بهنام خانی(مدیریت)
سلام به سبد خرید اضافه کنید و مراحل پرداخت رو پیش برین تا دوره به صورت رایگان به حسابتون اضافه بشه.
aryanarazavi8228( دانشجوی دوره )
واقعا عالی وکامل توضیح دادین ممنونم
بهنام خانی(مدیریت)
سپاس از شما
ParsaDmc( دانشجوی دوره )
با سلام خدمت استاد عزیز
دوره خیلی عالی بود و خیلی خوب توضیح دادید
فقط استاد یک سوال داشتم
داده های ورودی مثل فرم ثبت نام (گرفتن شماره تلفن ، نام ، و نام خوانوادگی) برای html هستش ؟؟؟؟
بهنام خانی(مدیریت)
سلام سپاس از نظرتون، بله از input باید استفاده کنید.
programmerpython85( دانشجوی دوره )
سلام استاد خسته نباشید میتونم یه سوال ازتون بپرسم میخاستم بدونم این تمی که برای ویندوز 10 توی دوره Html استفاده کردید چه تمیه خیلی ممنون از شما
بهنام خانی(مدیریت)
درود
متاسفانه اصلا یادم نیست. خیلی سعی کردم اسمش رو بخاطر بیارم ولی نشد. الان ویندوز 11 نصب دارم.
programmerpython85( دانشجوی دوره )
خواهش میکنم خیلی ممنون از شما استاد ببخشید یه سوال ذهنه منو درگیر کرده اونم اینه که گاهی اوقات میبینم که با فقط js اپلیکیشن ها را با React Native مینویسن گاهی با TSX یا همون ری اکت توی تایپ اسکریپت و گاهی اوقات هم JSX ری اکت توی جاوا اسکریپت من میخاستم بدونم به سرعت برنامه ربط داره یا چیز دیگه ای خیلی ممنون از شما
programmerpython85( دانشجوی دوره )
منظورم این هست که میشه بعد از جاوا اسکریپت مستقیم سراغ React Native رفت یا باید اول React بعد React Native را شروع کنم
بهنام خانی(مدیریت)
بعد از جاوااسکریپت هر کدوم که نیازتون هست رو انتخاب کنید. React برای وب و React Native برای موبایل، مستقیم برین سراغ هر کدوم که لازمتونه. هر دو شبیه به هم هستند، منتها کامپوننت های هر کدوم فرق داره. هر چند پیشنهاد میشه برای توسعه اپ موبایل از ابزارهای Native مثل کاتلین استفاده کنید.
programmerpython85( دانشجوی دوره )
خیلی ممنون از شما استاد یعنی لازم نیست برای یادگیری React Native اول سراغ React برم یا Css پیشرفته را یاد بگیرم
بهنام خانی(مدیریت)
CSS رو به این دید یاد بگیرید که مفاهیمش به خصوص بحث Flexbox در React Native استفاده شدند.
programmerpython85( دانشجوی دوره )
استاد ببخشید من یه سوال داشتم از شما میخاستم بدونم من از بین فلاتر و ری اکت نیتیو و کاتلین کدومو انتخاب کنم کدوم پرفورمنسه بالاتری داره و برای اونی که میخاد به حوزه اپلیکیشن سازی وارد شه بهتره من یه هفته ای هست روی این سوال گیرم سر در گمم
بهنام خانی(مدیریت)
درود
صد در صد کاتلین.
فرزان قادرمرزی( دانشجوی دوره )
خیلی عالی و کامل بود.
ممنون
terminator444411( دانشجوی دوره )
سلام میخواستم بدونم دوره های پولی شما اموزش کامل و جامع داه میشه یا نه ؟
بهنام خانی(مدیریت)
با درود
بله مخصوصا دوره جاوااسکریپت کاملترین دوره ای هست که می تونید در وب فارسی یا انگلیسی پیدا کنید.
مهدی حضرتی( دانشجوی دوره )
سلام آقای خانی امیدوارم حالتون عالیه باشه من دوره های رایگان HTMLوCSS موجود در سایت تون رو بصورت کامل تمام کردم مطالب زیادی یاد گرفتم حتی تونستم یک وبسایت ساده ولی زیبا رو با اطلاعاتی که از شما یادگرفتم طراحی کنم پیام دادم تشکر کنم بابت این انرژی که گذاشتید و این دوره رو طراحی کردید انشالله موفق باشید
بهنام خانی(مدیریت)
درود ممنون از شما 💚 خوشحالم مفید بوده واستون
مهران غضنفری( دانشجوی دوره )
سلام ببخشید خواستم بگم که من میخوام به صورت تخصصی HTML و CSS رو یاد بگیرم کلا میخوام یک طراح سایت حرفهای بشم خواستم بپرسم آیا من با این دوره های آموزشی شما پیش برم میتونم یک طراح سایت حرفهای بشم یا اصلا به عنوان یک تازه میتونم یه سایت خوب طراحی کنم؟
ممنون
بهنام خانی(مدیریت)
سلام دوره سی اس اس پیشرفته و جاوااسکریپت (مقدماتی تا پیشرفته) رو می تونید به صورت حرفه ای یاد بگیرید.
مهران غضنفری( دانشجوی دوره )
سلام ببخشید قیمت های دوره ها که نوشته شده به تومان هست یا ریال؟
ممنون
بهنام خانی(مدیریت)
سلام همانطور که در صفحه دوره مشخص هست به تومان هست.
hesam golestan( دانشجوی دوره )
اگر از تگ های input استفاده شده بود جذاب تر بود اموزش فن بیان خوب بود مخصوصا برای مبتدی ها انتظار ما از اج تی ام ال 5 به کار گیری تگ های جدید مثل input برای درست کردن یک فرم اطلاعات شخصی یا بکارگیری تگ برای سر تیتر فرم ها برای جذابیت بیشتر بود به هر حال سپاس از آموزش خوب شما به شدت تاکید میکنم هر کس مثل من علاقه به برنامه نویسی دارد هرچند رشته دانشگاهی اش نیست این اموزش عالی است
با سپاس حسام از انگلستان
Sadra Sadra( دانشجوی دوره )
سلام استاد دوره ی خوبی بود ولی خیلی ساده نبود؟
دوره ی پیشرفته درست نمی کنید براش؟
بهنام خانی(مدیریت)
سلام ببینید HTML پیچیدگی آنچنانی نداره. چالش اصلی در بحث CSS و جاوا اسکریپت هست.
امیر حسین موحدی خواه( دانشجوی دوره )
سلام خته نباشید من با adm که دوره رو دانلود کردم به صورت فیلم باز نمیشه چیکار کنم؟
بهنام خانی(مدیریت)
سلام فایل ها فشرده هستند. اول باید unzip کنید
fati izadi
سلام چطور میتونم فیلمارو دانلود کنم؟؟
بهنام خانی(مدیریت)
وقت بخیر
در انتهای هر فصل لینک دانلود اومده
zahra.asadi( دانشجوی دوره )
سلام من ثبت نامه رو انجام دادم نوشته در دسترس اما نمیشه دانلود کرد!):
بهنام خانی(مدیریت)
از نرم افزار مدیریت دانلود استفاده کنید.
mohammad kamyab( دانشجوی دوره )
سلام ببخشید اینجا سیستم عامل شما چی هست؟
بهنام خانی(مدیریت)
سلام ویندوز 10
salmanim1( دانشجوی دوره )
یکی از بهترین نحوه های تدریس بود از نظر واضح توضیح دادن و فکر میکنم کامل و باجزییات بود اگر تدریس جاوا اسکریپت هم بکنین بسیار لطف میکنین موفق باشین
بهنام خانی(مدیریت)
سلام ممنونم بزودی آموزش جاوا اسکریپت ضبط و آپلود خواهد شد.
Ali Dabaghi( دانشجوی دوره )
سلام استاد
من تو سایت شما ثبت نام کردم ولی نمیتونم فایل های رایگانی که گرفتم دانلود کنم با اینکه قفل های کنارش باز شده
ممنون
بهنام خانی(مدیریت)
سلام لیتک دانلود در انتهای هر فصل اومده
محمدفاتح محمدی( دانشجوی دوره )
یه راست کلیک و new page
fardin987( دانشجوی دوره )
عالیه
mostafa70( دانشجوی دوره )
سلام بنظرتون این دوره کم نیست برای html?
بهنام خانی(مدیریت)
دوره پیشرفته CSS رو مشاهده کنید.
فرزاد قربانی( دانشجوی دوره )
خیلی ممنونم ازتون به خاطر این دوره
میخواستم ببینم که شما دوره پیشرفتهه رو هم تدریس میکنین؟؟
بهنام خانی(مدیریت)
سلام بله دوره CSS رو دنبال کنید.
RezaTolouei( دانشجوی دوره )
درود جناب خانی آموزش جاوا اسکریپت رو هم قرار میدید؟
amin008( دانشجوی دوره )
سلام استاد میشه به جای ویسوال کد از برنامه دریم ویور استفاده کنیم
بهنام خانی(مدیریت)
سلام بله ولی هیچ وقت به پای vs code نمیرسه
Abolfazl._.Qn( دانشجوی دوره )
سلام استاد خسته نباشید
میخواستم بدونم شما حضوری هم تدریس میکنین
بهنام خانی(مدیریت)
سلام نه متاسفانه
yas1378( دانشجوی دوره )
سلام ببخشید من تازه وارد سایت شدم و با این سایت آشنا شدم میشه کمکم کنید چطور میتونم همه ی قسمت ها رو دانلود کنم ؟
بهنام خانی(مدیریت)
سلام
مراحل خرید رو دنبال کنید، بعد از صفحه پرداخت، در قسمت سرفصل می توانید به فایلها دسترسی داشته باشید. البته رایگان هست دوره
alirazm
سلام روز بخیر
من چطور میتوان این فیلم هارو دانلود کنم
سپاس
بهنام خانی(مدیریت)
سلام دوره را به سبد خرید اضافه کنید (به صورت رایگان هست) و بعد از صفحه پرداخت، لینک ها در همین صفحه فعال می شوند.
فرید بیا( دانشجوی دوره )
سلام و عرض ادب خدمته اقای خانی
اقای خانی چه طوری میتونم طراحی سایت با وردپرس رو یاد بگیرم میشه کمکم کنید من تازه شروع کردم نمیدونم کلا باید از کجا شروع کنم راهنمایی کنید ممنون میشم
فرید بیا( دانشجوی دوره )
تا حالا هم هیچی کار نکردم میشه ی ترتیبی چیزی بگید که طبق اون قدم به قدم یاد بگیرم
بهنام خانی(مدیریت)
سلام سعی می کنم بزودی آموزشی در این زمینه قرار بدم
فرید( دانشجوی دوره )
ممنون
ارشیا کریمی( دانشجوی دوره )
سلام لطفا دوره ی آموزش ورد پرس رو هم قرار بدید
بهنام خانی(مدیریت)
بله حتما
Omid R( دانشجوی دوره )
سلام آقای خانی، بک اند سایت مثل php و لاراول و… امکانش هست آموزش بدید؟
بهنام خانی(مدیریت)
سلام بله به مرور آموزش ها رو اضافه می کنم
ali shahbazi( دانشجوی دوره )
باسلام شما سایت تون رو با چه زبانی ساختید
بهنام خانی(مدیریت)
وردپرسی هست
محمدمهدی حاجی غفاری زاده( دانشجوی دوره )
سلام خدمت شما استاد خانی
بعد از اینکه سایتمون طراحیش تموم شد چطوری به دامنه اتصال بدیم.
من سایتم رو طراحی کردم و الان میخوام به یک دامنه ای که به ثبت رسوندم متصل کنم ولی بلد نبودم.
لطفا آموزشش رو بزارید.
ممنون
بهنام خانی(مدیریت)
سلام، وقتی می خواین هاست رو بخرین، دامنه ثبت شده رو وارد کنید، بعد از خرید به شما یک پنل کاربری داده میشه، فایلهای سایت رو آپلود کنید در پوشه public_html.
محمدمهدی حاجی غفاری زاده( دانشجوی دوره )
خب
Name server رو چی وارد کنم
بهنام خانی(مدیریت)
وارد پنل هاست بشین نمایش داده میشه، یا معمولا بعد از خرید هاست ایمیلی برای شما میاد که این اطلاعات اونجا هست، می تونید به پشتیبانی هاستتون هم تیکت بزنید
محمد باقر خرم
به عنوان یک مبتدی برای شروع به کار
Farzad1122( دانشجوی دوره )
سلام آقای خانی. آموزش شما واقعا عالیه. ولی بعضی وقت ها نمیشه ویدیو هارو دانلود کرد لطفا رسیدگی کنید تشکر
بهنام خانی(مدیریت)
سلام ممنون از نظرتون، دقیقا چه مشکلی دارین؟
ali shahbazi( دانشجوی دوره )
بهتره سایت اینترنتی رو با چه زبانی نوشت
بهنام خانی(مدیریت)
شرکت های بزرگ معمولا cms اختصاصی خودشون رو دارند. برای شروع از وردپرس استفاده کنید.
ali shahbazi( دانشجوی دوره )
ببخشید دیجی کالا سایتش رو با چه زبانی نوشته
بهنام خانی(مدیریت)
سایت اصلی PHP ولی دیجی مگ با وردپرس
Hamed abbasi( دانشجوی دوره )
سلام باتشکر از سایت خوبتون.ببخشید استاد میخواستم بدونم بعد این فیلمها ما html رو به طور کامل یاد میگیریم؟
بهنام خانی(مدیریت)
سلام
html اصولا چیز خاصی برای یادگیری نداره. مهمتر css هستش. بله شما اون چیزی که باید رو یاد میگیرد.
LoveRoob( دانشجوی دوره )
سلام اموزشاتتون عالیییههه
فقط چرا قسمت بعد اموزش نمیاد؟
بهنام خانی(مدیریت)
سلام ممنون بعد از دوره پایتون که تولیدش رو به اتمام هست، دوره طراحی سایت رو ادامه خواهیم داد
ali shahbazi( دانشجوی دوره )
واقعا عالللللللللللللللللللللللیییییییییییی بود
بهنام خانی(مدیریت)
ممنون دوست عزیز
ali shahbazi( دانشجوی دوره )
باسلام ویندوز شما چیست خیلی فرق می کنه
بهنام خانی(مدیریت)
ویندوز 10 ولی پوسته روش نصب هست
javadd_83( دانشجوی دوره )
با سلام اقای خانی
میخواستم بدونم خود شما سایتتون را با چه زبانی ساختید
PHP یا HTML یا…
باتشکر
بهنام خانی(مدیریت)
سلام
با وردپرس
Benyamin( دانشجوی دوره )
با سلام و عرض ادب و احترام
من ثبت نام کردم ولی ویدئویی باز نشده ممنون میشم راهنمایی کنید
بهنام خانی(مدیریت)
سلام کاربر گرامی، بعد از ثبت نام در سایت، دوره را به سبد خرید اضافه و فرایند تسویه حساب (رایگان) را تکمیل کنید. بعد از آن است که به دوره دسترسی دارید.
behnam mansouri( دانشجوی دوره )
سلام و وقت شما بخیر.
من چند روز هست که تو سایت شما ثبت نام کردم اما نمیتونم هیچ ویدیویی,حتی رایگان رو دانلود کنم.
با تشکر.
بهنام خانی(مدیریت)
با سلام
موردی در دانلود فایلها وجود ندارد. ولی در صورتی که همچنان مشکل دارین می تونین تیکت ارسال کنید و مشکلتون رو با جزییات ارسال کنید.
behnam mansouri( دانشجوی دوره )
سلام و خسته نباشید.
من تو سایت شما تازه ثبت نام کردم اما هیچ ویدیویی رو نمیتونم دانلود کنم.
بهنام خانی(مدیریت)
سلام
پس از ثبت نام در هر دوره، لینک ها فعال میشوند
Parisa( دانشجوی دوره )
سلام من یه مشکلی دارم توی قسمت rtl دقیقا مثل شما پیش رفتم ولی اعمال نشد مشکل از کجاست
بهنام خانی(مدیریت)
سلام API LEVEL باید 17 یا بالاتر باشه
پریسا( دانشجوی دوره )
سلاماز فایل دوم htmlبرای من باز نمیشه
بهنام خانی(مدیریت)
سلام فایلها موردی ندارن. مطمئن بشین که دانلود کامل انجام شده.
علیرضا شاه محمدی( دانشجوی دوره )
با سلام! ممنون از آموزش های خوبتون. راستش من یک مشکلی دارم! تو قسمت فونت من دقیقا عین شما کارو پیش بردم ولی فونت اعمال نشد. میخوام بدونم مشکل از کجاست؟ امکانش هست فونتی که دانلود کردم مشکل داشته باشه؟
بهنام خانی(مدیریت)
با سلام
لطفا به پسوند فونت ها دقت کنید.
molly
سلام
میخواستم بگم خیلی خوب توضیح میدین امیدوارم همینطوری ادامه بدین و هرچه زودتر بقیه ویدئو هارو اماده کنید من که خیلی لذت بردم منتظر ویدئو های بعدیتون هستیم استاد
بهنام خانی(مدیریت)
با درود
ممنون از شما، امیدواریم که همیشه وضعیت رو به پیشرفت باشه …
laleh721
سلام چطور میتونم فیلم هارو ببینم؟
بهنام خانی(مدیریت)
سلام
بزودی این آموزش در همین صفحه قرار داده میشود.
MD Nazari
لطفاً من را هم قبول کنید
بهنام خانی(مدیریت)
سلام دوست عزیز
پس از تهیه و آپلود آموزش، می توانید نسبت به ثبت نام اقدام کنید.
سید عرفان حسینی( دانشجوی دوره )
سلام خسته نباشید میگم که اسم کتاب شما برای آموزش html چی هست؟
بهنام خانی(مدیریت)
سلام ممنون
عنوان کتاب:
آموزش HTML برای فوق مبتدیها – الفبای طراحی وب