آموزش HTML و CSS از صفر تا صد + پروژه محور

سرفصل‌ها
مقدمه ای بر HTML
فصل 1
مفاهیم اولیه
فصل 2
جلسه1:کار با تگ های html و head و body و title
00:14:45
جلسه2:معرفی هدینگ ها و برنامه نویسی اولین صفحه HTML
00:15:16
جلسه3:معرفی White Space ها و خطوط در HTML5
00:13:38
تگ های متنی و لیست ها
فصل 3
جلسه1:کار با تگ های abbr و acronym و sub و sup
00:13:18
جلسه2:لیست ها در HTML
00:11:04
جلسه3:کار با لینک ها در HTML
00:20:52
کار با تصاویر و متا تگ های آن
فصل 4
جلسه1:نمایش تصاویر و بهینه سازی آنها
00:25:16
جداول در HTML
فصل 5
جلسه1:طراحی انواع جدول (Tables) در HTML
00:21:22
فرم ها در HTML
فصل 6
جلسه1:طراحی انواع فرم در HTML - قسمت اول
00:21:58
جلسه2:طراحی انواع فرم در HTML - قسمت دوم
00:17:08
جلسه3:طراحی انواع فرم در HTML - قسمت سوم
00:18:21
SEO (بهینه سازی برای موتورهای جستجو)
فصل 7
جلسه1:کار با سایر تگ های HTML و سئوی صفحات
00:27:27
ویدیوها (چندرسانه ای) در HTML
فصل 8
جلسه1:رسانه ها (صدا و ویدیو) در اچ تی ام ال
00:20:46
مقدمه ای بر CSS
فصل 9
جلسه1:معرفی CSS و Selector های آن
00:28:39
رنگ ها و فونت ها
فصل 10
جلسه1:کار با رنگ ها (Colors) در CSS
00:19:57
جلسه2:افزودن فونت به قالب با استفاده از CSS
00:23:39
کار با متن ها (Text) در CSS
فصل 11
جلسه1:کار با متون به صورت پیشرفته در CSS
00:29:51
شیوه قرارگیری المان ها در CSS
فصل 12
جلسه1:طراحی جعبه و معرفی Border، Padding و Margin
00:24:48
جلسه2:کار با ویژگی Display و ساختار Block و Inline در CSS
00:17:11
جلسه3:تغییر ظاهر لیست ها در CSS
00:12:56
کار با جداول در CSS
فصل 13
جلسه1:طراحی ظاهر جداول در HTML و CSS
00:17:41
کار با فرم ها در CSS
فصل 14
جلسه1:طراحی فرم ها با استفاده از CSS
00:19:02
جلسه2:پیاده سازی Layout (لایه ها) در CSS
00:22:57
تصاویر و لایه ها در CSS3
فصل 15
جلسه1:کار با تصاویر در CSS
00:26:01
جلسه2:Layout ها یا لایه ها در HTML5
00:14:26
خطایابی در HTML و CSS
فصل 16
جلسه1:کار با ابزار Inspect گوگل کروم و فایر فاکس
00:18:21
پروژه ۱:‌ طراحی سایت گوگل
فصل 17
جلسه1:پروژه ۱ - تحلیل سایت گوگل و طراحی منوی اصلی
00:27:58
جلسه2:پروژه ۱ - پیاده سازی قسمت اصلی سایت گوگل
00:32:37
جلسه3:پروژه ۱ - طراحی فوتر سایت گوگل و اتمام پروژه
00:10:27
پروژه ۲:‌ طراحی فروشگاه اینترنتی
فصل 18
جلسه1:پروژه ۲ - تحلیل فروشگاه اینترنتی و طراحی هدر سایت
00:29:39

در این بخش هدر وب سایت به همراه تمام المان های مورد نیاز آن کدنویسی می شود. علاوه بر این توضیحات مربوط به یک فایل PSD را ارائه و نسخه HTML آن را کدنویسی می کنیم. به عبارت دیگر فرآیند تبدیل PSD به HTML در این بخش تدریس می شود.

جلسه2:پروژه ۲ - معرفی FontAwesome و افزودن آیکون سبد خرید و جستجو
00:08:57

FontAwesome یکی از بهترین پلتفرم های ارائه دهنده آیکون در قالب فونت می باشد. این ساختار به شما کمک می کند تا وب سایتتان با سرعت بالاتری لود شود. افزودن آیکون سبد خرید و جستجو در این بخش ارائه می شود.

جلسه3:پروژه ۲ - طراحی اسلاید شو به همراه دکمه خرید
00:21:19

این بخش به طراحی اسلاید شو اصلی سایت به همراه متن های متحرک و دکمه سبد خرید، می پردازد.

جلسه4:پروژه ۲ - طراحی تخفیف های ویژه فروشگاه اینرنتی
00:26:10

در این بخش به پیاده سازی قسمت تخفیف های ویژه فروشگاه اینترنتی با HTML و CSS می پردازیم.

جلسه5:پروژه ۲ - کدنویسی محصولات ویژه با دکمه افزودن به سبد خرید
00:39:41

دکمه های View و علاقه‌مندی‌ و همچنین افزودن به سبد خرید در این قسمت طراحی می شود. علاوه بر این لیست تمام محصولات (مثل محصولات ویژه) نیز در این بخش ارائه می گردد.

جلسه6:پروژه ۲ - طراحی و پیاده سازی محصولات جدید
00:15:33

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

جلسه7:پروژه ۲ - قسمت پایانی - طراحی وبلاگ و فوتر فروشگاه اینترنتی
00:31:05

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

جلسه8:تمام فایل های دوره
توضیحات دوره

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

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

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

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

اصلا فرقی نمی کند که شما می خواهید در چه زمینه‌ی از وب فعالیت کنید، در هر صورت باید به زبان‌های HTML و CSS آشنا باشید. بگذارید با یک مثال بهتر ضرورت این دو زبان را نشان دهم.

تصور کنید که می خواهید یک برج بیست طبقه را بسازید، اولین قدمی که برای اینکار بر می دارید طراحی یک نقشه شماتیک از اسکلت بندی ساختمان می باشد، بنابراین با استفاده از نرم افزارهای شبیه ساز، ابتدا یک ظاهر شبیه سازی شده از این برج را طراحی و به نمایش می گذارید. در دنیای وب این مرحله مانند طراحی وب سایت یا پروژه با نرم افزارهای شبیه ساز (مانند فتوشاپ یا adobe xd) می باشد. سپس می خواهید آنچه که در نرم افزارهای شبیه ساز ایجاد کرده اید را به صورت کامل ساخته و به نمایش بگذارید. برای اینکار مصالح را تهیه کرده و سپس شروع به ساخت اسکلت بندی برج می کنید. در دنیای وب این مرحله به صورت کدنویسی ستون و اسکلت بندی وب سایت یا نرم افزار به زبان HTML می باشد. در نهایت برای اینکه این برج از نظر ظاهری زیبا شود، به آن نما و سنگ‌های تزئینی اضافه می کنید. معادل این مرحله در دنیای وب، آموزش CSS و افزودن استایل (ظاهر) به وب سایت یا پروژه می باشد.

پس از ارائه مقدمه‌ی فوق، به معرفی مختصر زبان های HTML و CSS پرداخته و سپس سرفصل ها را برای شما عزیزان ارائه می دهیم.

آموزش HTML و CSS

HTML چیست؟

زبان HTML مخفف عبارت Hyper Text Markup Language می باشد که معادل فارسی آن «زبان نشانه‌گذاری فرامتنی» است. لطفا تحت هیچ شرایطی از معادل فارسی استفاده نکنید، زیرا در دنیای برنامه نویسی و طراحی، گاهی عبارت های انگلیسی مفهوم بهتری را انتقال می دهند.

زبان HTML یک زبان برنامه نویسی نیست! این زبان در اصل به عنوان یک ساختار برای نشانه گذاری المان ها در دنیای وب بکار گرفته می شود و اولین بار توسط آقای Tim Berners Lee در سال 1990 ابداع شد. این زبان ساختار اولیه و ابتدایی کلیه وب سایت های موجود در اینترنت را تشکیل می دهد. یعنی هر سایتی که در اینترنت مشاهده می کنید بدون شک از زبان HTML برای طراحی پیکره اصلی خود استفاده کرده است.

CSS چیست؟

CSS مخفف عبارت Cascading Style Sheets بوده که معادل فارسی آن «صفحات استایل آبشاری» است. این زبان توسط آقای Håkon Wium Lie در سال 1996 با هدف طراحی ظاهری یک صفحه وب ارائه شد.

اما چرا آبشاری؟ در ادامه این دوره آموزشی به شما نشان می دهیم که چگونه می توانید چندین استایل (مثلا رنگ) را به یک المان HTML اعمال کنید. اما نحوه ی اعمال شدن این استایل بسته به قرارگیری المان HTML در یک طرح سلسله مراتبی است.

اگر متوجه توضیح بالا نشده اید اصلا نگران نباشید. در طی دوره این دوره آموزشی مثل آب خوردن این مفاهیم را یاد می گیرید.

مخاطب دوره آموزش HTML و CSS چه کسانی هستند؟

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

پیش نیازهای ورود به دوره آموزش HTML و CSS چیست؟

تنها پیش نیاز ورود به دوره آموزش HTML و CSS این است که بتوانید کامپیوتر یا لپ تاپ خود را روشن کنید!

پس از اتمام این دوره چه اتفاقی می افتد؟

  • شما به صفر تا صد زبان‌ های HTML و CSS مسلط می شوید. (هیچ چیزی را از قلم نمی اندازیم)
  • توانایی ساخت پروژه های تحت وب را بدست می آورید.
  • مهم ترین گام برای ورود به دنیای برنامه نویسی تحت وب را پشت سر گذاشته اید.
  • نیازی به مطالعه سایر کتاب‌ها و دوره‌های آموزشی نخواهید داشت.

نسخه های HTML5 و CSS3

HTML و CSS در سال های اخیر نسخه های جدیدی را ارائه کرده است که آخرین آن تحت عنوان HTML5 و CSS3 شناخته می شود. این نسخه ها قابلیت های بسیاری را به المان های وب اضافه کردند و به گونه ای باعث متحرک شدن، ارتقاء انیمیشن، افزایش امنیت و... المان‌ ها شدند.

در این دوره آموزشی، آخرین نسخه HTML‌ و CSS ارائه می شود.

سرفصل های دوره آموزش HTML و CSS

مقدمه، معرفی و کاربردها

  • معرفی زبان HTML
  • معرفی زبان CSS
  • بررسی نحوه دسترسی کاربران به یک صفحه اینترنتی
  • معرفی مفاهیم Client و Server
  • مرورگر یا Browser چیست؟
  • چگونه یک وب سایت ساخته می شود؟
  • منظور از HTML5 و CSS3 چیست؟
  • معرفی نرم افزار کدنویسی HTML و CSS

ساختار زبان HTML

  • بررسی ساختار زبان HTML
  • معرفی وظایف زبان HTML
  • معرفی مفهوم تگ با برچسب ها
  • معرفی تگ های <head> و <body> و <head> و <title>
  • ساخت اولین صفحه اینترنتی با HTML

سئو و کاربردهای آن در HTML

  • سئو (SEO) چیست؟
  • ارتباط بین بهینه سازی یک صفحه با HTML

کار با متن (Text)

  • ارائه مفهوم Heading یا سربرگ
  • کار با تگ های <h1> و <h2> و <h3> و <h4> و <h5> و <h6>
  • بررسی تگ پاراگراف یا <p>
  • معرفی تگ های <b> و <i>
  • نحوه افزودن خط جدید به متون با تگ های <br /> و <hr />
  • کار با تگ های <strong> و <em>
  • استفاده از تگ های نقل قول <blockquote> و <q>
  • استفاده از تگ مخفف سازی <abbr>
  • معرفی تگ‌ های <cite> و <dfn>
  • استفاده از تگ آدرس <address>
  • اعمال تغییرات روی متون با تگ های <ins> و <del> و <s>

لیست ها (Lists) در HTML

  • معرفی لیست های مرتب با تگ های <ol> و <li>
  • معرفی لیست های نامرتب با تگ های <ul> و <li>
  • کار با تگ های لیستی <dl> و <dt> و <dd>
  • طراحی لیست های سلسه مراتبی (آبشاری)

لینک ها (Links) در HTML

  • ساختار لینک ها در زبان HTML
  • تگ <a> و نحوه استفاده از آن
  • معرفی attribute ها یا صفات
  • نحوه لینک کردن یک عبارت به یک صفحه اینترنتی
  • معرفی آدرس های مطلق و نسبی
  • آموزش نحوه لینک کردن آدرس های ایمیل با عبارت mailto:
  • معرفی صفت target در لینک ها
  • آموزش نحوه لینک کردن یک قسمت از متن به قسمت دیگر آن
  • آموزش نحوه لینک کردن یک قسمت از صفحه به صفحه دیگر در یک سایت

تصاویر (Images) در HTML

  • معرفی مفهوم تصویر در دنیای وب
  • نحوه استفاده از یک تصویر در یک صفحه اینترنتی
  • معرفی تگ <img> و صفات src و alt و title در یک تصویر
  • تنظیم ابعاد تصویر با استفاده از صفات height و weight
  • آموزش ترازبندی تصاویر در HTML با استفاده از صفت align
  • تعریف ابعاد تصاویر و نحوه استفاده صحیح آنها در وب
  • بررسی انواع فرمت های تصویر و نحوه بکارگیری آنها در وب
  • بررسی تگ جدید <figure> و <figcaption> در HTML5

جداول (Tables)

  • جدول چیست؟
  • بررسی تگ های تولید جدول <table> در HTML
  • کار با تگ های <tr> و <td> و <th>
  • معرفی تگ های <thead> و <tbody> و <tfoot>

فرم ها (Forms) در HTML

  • فرم چیست؟
  • چرا باید از فرم ها در HTML استفاده کنیم؟
  • منظور از Form Control چیست؟
  • فرم ها چگونه کار می کنند؟
  • معرفی ساختار یک فرم
  • تگ <form> و صفات action و method در فرم ها
  • تگ <input> و صفات type=”text” و name و maxlength و size
  • نحوه تعریف ورودی های رمز عبور در HTML
  • تگ <textarea> و صفات row و col
  • دکمه رادیویی (Radio Button) چیست؟
  • تگ <input> و صفات type=”radio” (دکمه رادیویی) و value و checked
  • چک باکس (Check Box) چیست؟
  • تگ <input> و صفات type=”checkbox” (دکمه رادیویی) و value و checked
  • ورودی انتخاب آبشاری یا Drop Down چیست؟
  • تگ <select> و صفت nasme
  • تگ <option> و صفات value و selected
  • ورودی انتخاب آبشاری چند تایی یا Drop Down Multiple چیست؟
  • تگ <select> و صفات size و multiple
  • ورودی فایل (File Input) چیست و چه کاربردی دارد؟
  • ورودی submit چیست؟
  • ورودی image چیست؟
  • تگ <button> چیست و چگونه می توان با استفاده از آن یک دکمه ایجاد کرد؟
  • صفت hidden چیست و چه کاربردی دارد؟
  • برچسب ها چه کاربردی در فرم ها دارند؟
  • کار با تگ <label> و صفت for
  • گروه بندی المان های یک فرم با استفاده از تگ های <fieldset> و <legend>
  • اعتبارسنجی فرم ها با ویژگی جدید در HTML5
  • ورودی جدید تاریخ یا date در HTML5
  • بررسی ورودی های جدید Email و URL در HTML5
  • کار با ورودی جدید search در HTML5 به همراه صفت placeholder

حرفه ای تر با HTML کار کنیم!

  • معرفی مفهوم DOCTYPE در HTML
  • آموزش کامنت کردن (Comment) یا از کار انداختن یک قسمت از کدها در HTML
  • معرفی صفت id در المان های HTML
  • معرفی صفت class در المان های HTML
  • آموزش شیوه کدنویسی بین المللی و استاندارد
  • بلوک (Block) چیست و چگونه آن را می توان تعریف کرد؟
  • معرفی مفهوم <div> در HTML
  • شرح تگ <span>
  • بررسی تگ <iframe> و صفات scrolling و frameborder و seamless در HTML
  • بررسی تگ <meta> و تاثیر آن بر بهینه سازی وب سایت
  • بررسی صفات description و keywords و robots در تگ <meta>
  • معرفی معادل های علائم کلیدی در HTML

رسانه‌ها (شامل ویدیو و صدا) در HTML

  • یادگیری انواع فرمت های ویدیویی در وب
  • معرفی هاست های ارائه دهنده اشتراک ویدیو
  • معرفی کدهای Embed
  • بررسی تگ جدید <video> در HTML5
  • کار با صفات src و poster و width, height و controls و autoplay و preload و none و loop و auto و metadata در تگ <video>
  • معرفی انواع فرمت های صدا در وب
  • آموزش افزودن یک پلیر صدا در وب
  • معرفی تگ جدید <audio> در HTML5
  • کار با صفات src و controls و autoplay و preload و loop در تگ <audio>
  • بررسی تگ <source> و صفات type و src در صدا

معرفی زبان CSS

  • سی اس اس (CSS) چیست و چه کاربردی دارد؟
  • تعریف و تشریح ساختار یک کد CSS
  • معرفی مفهوم Property و value در CSS
  • تفاوت بین CSS داخلی و CSS خارجی
  • لینک کردن یک فایل CSS خارجی به یک صفحه اینترنتی
  • معرفی تگ <link> و صفات href و type و rel
  • کار با تگ <style> جهت استایل دادن به یک صفحه وب
  • بررسی مفهوم Selector یا گزینشگر در CSS
  • آشنایی با مفهوم Cascading و اولویت بندی کدهای CSS
  • معرفی مفهوم وراثت یا Inheritance
  • ارائه بهترین راهکار برای پیاده سازی یک فایل CSS بهینه

رنگ (Color) در CSS

  • آشنایی با انواع فرمت رنگ ها در وب
  • معرفی ویژگی background-color
  • معرفی مفهوم جدید opacity و rgba در CSS3
  • ویژگی جدید hsl و hsla در CSS3

متن (Text) در CSS

  • بررسی ساختار یک متن از نگاه زبان CSS
  • ویژگی font-family
  • ویژگی font-size و معرفی واحدهای pixels و percentages و ems
  • آموزش افزودن فونت دلخواه به صفحه HTML با استفاده از CSS
  • ویژگی @font-face و صفات src و format
  • معرفی انواع فرمت های فونت و نحوه پشتیبانی مرورگرها از آنها
  • ویژگی font-weight و مقادیر normal و bold
  • ویژگی font-style و مقادیر normal و italic و oblique
  • ویژگی text-transform و مقادیر uppercase و lowercase و capitalize
  • ویژگی text-decoration و مقادیر none و underline و overline و line-through و blink
  • تنظیم فاصله بین متون با ویژگی line-height
  • تنظیم فاصله بین حروف و کلمات با ویژگی letter-spacing و word-spacing
  • ترازبندی متون با ویژگی text-align و معرفی مقادیر right و left و center و justify
  • ترازبندی عمودی با ویژگی vertical-align و معرفی مقادیر baseline‌ و sub, super, top, text-top, middle, bottom و text-bottom
  • ویژگی text-indent
  • ویژگی جدید text-shadow در CSS3
  • بررسی ویژگی های :first-letter و :first-line
  • کار با ویژگی های استایل دهی لینک ها به نام :link و :visited
  • کار با ویژگی های تعاملی کاربران مانند :hove و :active و :focus
  • بررسی انواع صفات گزینشگر یا Attribute Selectors

باکس ها (Boxes) در CSS

  • نحوه تعریف یک مستطیل یا باکس در HTML با استفاده از CSS
  • معرفی ویژگی های width و height در CSS
  • ویژگی های max-width و min-width
  • ویژگی های min-width و max-width
  • بررسی ویژگی overflow و مقادیر hidden و scroll
  • تفاوت بین border و margin و padding
  • ویژگی border-width و border-style و border-color و border
  • ویژگی padding و margin
  • نمایش یا پنهان کردن یک باکس در CSS با ویژگی display
  • ویژگی visibility و مقادیر hidden و visible
  • ویژگی جدید border-image در CSS3
  • سایه دادن به باکس ها با ویژگی جدید box-shadow در CSS3
  • گرد کردن گوشه های یک باکس با ویژگی جدید border-radius در CSS3

لیست ها (Lists)، جداول (Tables) و فرم ها (Forms) در CSS

  • ویژگی list-style-type و مقادیر none و disc و circle و square و custom
  • ویژگی list-style-image
  • ویژگی list-style-position با مقادیر outside و inside
  • ویژگی list-style
  • بررسی حاشیه ها در جداول با ویژگی empty-cells
  • کار با فضاهای خالی جداول با ویژگی های border-spacing و border-collapse
  • آموزش استایل دادن به فرم ها و دکمه ها
  • معرفی ویژگی cursor جهت نمایش نشانگر موس

لایه ها (Layouts) و صفحات در CSS

  • معرفی موقعیت المان ها در CSS
  • ویژگی position و مقادیر static و relative و absolute و fixed
  • اولویت بندی نمایش المان ها با ویژگی z-index
  • بررسی ویژگی float و مقادیر right و left و none
  • معرفی ویژگی clear و مقادیر left و right و both و none
  • بررسی سایز صفحات نمایش و رزولوشن آنها
  • بهینه سازی یک صفحه وب بر اساس سایز صفحه نمایش آن
  • معرفی Grid ها و نحوه طراحی اصولی یک صفحه
  • آشنایی با مفهوم فریم ورک
  • بررسی و معرفی محبوب ترین فریم ورک های CSS
  • استفاده از دستور @import جهت بکارگیری فایل های CSS درون یکدیگر

تصاویر (Images) در CSS

  • بررسی ویژگی background-image
  • تنظیم تکرار یک تصویر در پس زمینه با دستور background-repeat و background-attachment
  • تنظیم موقعیت یک تصویر با ویژگی background-position
  • خلاصه نویسی خصیصه پس زمینه با دستور background
  • معرفی ویژگی جدید گرادیانت در CSS3

ساختار جدید HTML5

  • بررسی تگ های جدید <footer> و <header> در HTML5
  • ایجاد منوهای ناوبری با تگ <nav>
  • معرفی تگ جدید <article>
  • ارائه تگ جدید <aside>
  • کار با تگ های جدید <section> و <hgroup>
  • درج تصاویر به کمک تگ های جدید <figure> و <figcaption>

پروژه ها

ساخت وب سایت گوگل 

  • تحلیل صفحه اصلی وب سایت گوگل
  • کدنویسی قسمت مرکز و فرم جستجوی گوگل
  • درج آیکن های موجود در منوها
  • راست چین کردن قالب

ساخت فروشگاه اینترنتی

  • نمایش فایل PSD فروشگاه و تحلیل تمام قسمت های قالب
  • طراحی هدر (Header) سایت
  • درج لوگو و منوهای فروشگاه
  • کدنویسی سبد خرید و بخش ورود و عضویت فروشگاه
  • طراحی اسلاید شو محصولات
  • پیاده سازی بخش تخفیف های ویژه
  • طراحی و کدنویسی لیست محصولات
  • پیاده سازی بخش محصولات ویژه
  • قرار دادن آیکون های View و علاقه مندی ها
  • درج آیکون و دکمه افزودن به سبد خرید
  • طراحی بخش جدیدترین محصولات
  • طراحی بخش مشاهده محصولات و بنر تبلیغاتی در وسط فروشگاه
  • پیاده سازی بخش اخبار و وبلاگ
  • طراحی فوتر و قسمت کپی رایت انتهایی سایت
افزودن به سبد خرید
265000 تومان
گارانتی بازگشت وجه روکسو
این دوره ۱۰۰٪ گارانتی کیفیت و بازگشت وجه دارد. مشاهده شرایط و مراحل
اینترنت نیم بها در روکسو
هزینه حجم اینترنت شما برای دانلود و تماشای ویدئوهای این دوره نیم‌بها محاسبه می‌شود.
کارما در روکسو
شما با شرکت در این دوره 25 کارما دریافت می کنید
استفاده بیش از یک نفر از این محصول غیرقانونی و از لحاظ شرعی حرام می‌باشد.
میزان پیشرفت دوره:
٪100
194 نفر
شرکت کرده‌اند
29 نظر
ثبت شده است
امتیاز (42 رای)
کد دوره:
876047
آخرین بروزرسانی:
1402-5-9
وضعیت دوره:
تکمیل شده
تعداد جلسات:
39
مدت زمان:
13:12:20
حجم کل:
2.44 گیگابایت
سطح:
تمام سطوح
مسعود صالحی
مدرس: مسعود صالحی
1725 کارما
بیش از ۲ سال عضویت در روکسو بیش از ۲ سال عضویت در روکسو
دارای 1000 کارما دارای 1000 کارما
نظرات دریافتی:‌ بیش از 50 نظرات دریافتی:‌ بیش از 50
دارای 25 پاسخ صحیح دارای 25 پاسخ صحیح
ارسال کننده پاسخ با 25 رای ارسال کننده پاسخ با 25 رای
دیدگاه‌های شما (29 دیدگاه)

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

hashemimahshid81@gmail.com
مهشید هاشمی
27 شهریور 1402
سلام وقتون به خیر من طبق اموزش پیش رفتم ولی لوگو واسم نمایش داده نمیشه

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
14 مهر 1402

سلام لطفا سوالات خودتون رو به صورت دقیق و همراه با کدی که زدید در بخش روکسو کیو به ادرس roxo.ir/q مطرح کنید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

x3eroday@gmail.com
x3ero
31 مرداد 1402
عرض سلام و وقت بخیر خدمت مدرس دوره لطفا از پروژه ای که در این طراحی کردید هم یک ویدیو ارائه میکردید تا دانشجو خروجی دوره رو مشاهده بفرمایید. با تشکر

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

gbjjjggcs@gmail.com
عباس نصرالهی
29 فروردین 1402
مدتیه تازه شروع کردم واقعا از استاد صالحی عزیز ممنونم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

developer2898@gmail.com
amir saeedi
06 فروردین 1402
سلام من سایت های زیادی برای اموزش مراجعه کردم ولی فضایی تدریس میکنن ولی استاد صالحی واقعا خیلی ساده و مفهومی و کاربردی تدریس میکنن و ارتباط خیلی خوبی باهاشون میگیرم واقعا ممنون از سایت و استاد خوبتون.خداقوتتون بده

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

kamranporbar@gmail.com
kamran porbar
09 اسفند 1401
سلام وقت بخیر . من این آموزش رو خریداری کردم ولی فایلهای تمرین باهاش نیست .

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
18 اسفند 1401

سلام در آخرین فصل تمام فایل ها قرار داده شده است.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

elham.ahmaadi@GMAIL.COM
الهام احمدی
20 اردیبهشت 1401
سلام من این دوره خریدم ولی نمی شه دانلودش کرد؟ بلافاصله failed می شه

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
22 اردیبهشت 1401

سلام. از لحاظ فنی مشکلی در لینک‌های سایت نیست و شما به راحتی می‌تونید فایل‌ها رو دانلود کنید. اینترنت خودتون رو بررسی کنید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

miladayoobi70@gmail.com
میلاد ایوبی
18 فروردین 1401
سلام میشه دانلود کرد

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
11 اردیبهشت 1401

سلام. در صورت خرید دوره، بله. تمام جلسات قابل دانلود هستند.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

xzs 1112
xzs 1112
22 اسفند 1400
با سلام عضویت ویژه خرید کردم ولی واسم فعال نشد با قند شکن متصل شده بودم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
15 فروردین 1401

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mahaktashakori@gmail.com
mahak
27 آذر 1400
سلام ببخشید الان ۳۹ جلسه کامل هست؟؟ من امتحان مدرسه دارم میخوام تهیه کنم مناسب هست مطالبتون؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
28 آذر 1400

سلام وقت بخیر. بله، کامل هست.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

amirdehghan8698@gmail.com
محمدحسین دهقانی زاده
09 آذر 1400
انقد استاد روان درس میدن که هرکسی کوچکترین آشنایی بابرنامه نویسی نداشته باشه هم متوجه میشه . مرسی روکسو

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

derehbeg@gmail.com
علی عزیزی
19 مهر 1400
سلام خسته نباشید من این دوره رو خریداری کردم اما برای من کامل نیست. تا جلسه 34 بیشتر نیست؟ درست میشه؟ ممنون

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
25 مهر 1400

سلام. بله، دوره در حال برگزاری است و به زودی سایر فصل‌ها اضافه خواهند شد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

javad.ahmadimail@gmail.com
جواد
09 شهریور 1400
من آموزشى مي خوام ك بشه باهاش سايت هاى وردپرسى كمى ويرايش در منو ها و ظاهر بخش هاش داشت اين اموزش مناسب اين موضوعه يا به اموزش هاي ديگه اي هم نيازه

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
28 شهریور 1400

بله، این آموزش برای شما کاملا مناسب و کافی است.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

AMIRHHFARHANGI@GMAIL.COM
امیر
15 مرداد 1400
سلام من دوره رو خریداری کردم ولی هنوز فیلم ها برای قفل هستند . باید چیکار کنم؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
28 شهریور 1400

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

parsa.badeleh2018@gmail.com
پارسا بادله
08 مرداد 1400
عالی

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
28 شهریور 1400
سپاس از شما

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

parsa.badeleh2018@gmail.com
پارسا بادله
08 مرداد 1400
من این دوره گرفتم خیلی خوب و جامع و درک آسان

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
28 شهریور 1400
خوشحالیم که از دوره راضی هستید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

عرفان موذن
عرفان موذن
22 تیر 1400
با سلام دوره کی 100% میشه؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
23 تیر 1400

سلام. به زودی دوره تکمیل خواهد شد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mvziizvm@gmail.com
محمد زارع
05 فروردین 1400
با سلام میخواستم بپرسم این دوره تکمیل نشده؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
06 فروردین 1400

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mehdiderki07@gmail.com
محمد مهدی درکی
05 فروردین 1400
سلام این دوره بصورت کامل هست؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
28 شهریور 1400
دوره تا امروز در حال برگزاری است و هنوز همه‌ جلسات روی سایت منتشر نشده‌اند. اما از لحاظ سرفصل‌های آموزشی و مباحث، بله کامل است.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

مجید مردانه
مجید مردانه
30 آبان 1399

استاد سلام

 

خیلی منتظر دوره BootStrap موندیم.

تاریخ دقیقی برای انتشار ندارین ؟
یا حدودیه نزدیک

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
01 آذر 1399

سلام وقت شما بخیر

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

pasha.kouroghli@mail.com
پاشا کوراغلی
31 شهریور 1399

سلام وقتتون بخیر

آموزش شما مثل یک w3school زنده هستش خسته نباشید، دوره bootstrap فکر میکنید کی ممکنه آپلود کنید؟!

و آیا برنامه ای برای آموزش svg ها هم دارید یا خیر؟

سپاس

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
31 شهریور 1399

سلام وقت شما بخیر

به زودی دوره بوت استرپ را روی وب سایت منتشر خواهیم کرد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

pasha.kouroghli@mail.com
پاشا کوراغلی
31 شهریور 1399

برای دوره های Java هم برنامه ای دارید؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
31 شهریور 1399

سلام، بله برنامه ریزی دقیقی برای سایر دوره ها درنظر گرفته شده است که به زودی ارائه می شود.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

پیگیری مطالب جذاب و تخفیف‌ها
اینستاگرام روکسو تلگرام روکسو ایمیل و خبرنامه روکسو