درخواست های ارتباط
جستجو تنظیمات
لیست دوستان من

دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: مقدمه - مروری بر دوره پیش رو

25 نظرات
این ویدیو رایگان است و می توانید هم اکنون آن را دریافت کنید
این دوره تکمیل شده و شما می توانید آن را به صورت یکجا خریداری کنید

خرید دوره
طراحی وب


سلام خدمت تمامی دوستان عزیزم در وب سایت ITPRO. امروزه یکی از مشاغل پرطرفدار و البته محبوب در میان افرادی که وارد دنیای IT می شوند، بحث طراحی صفحات وب است. طراحی صفحات وب یکی از لذت بخش ترین کارهایی است که یک متخصص کامپیوتر انجام می دهد و به عقده من طراحی وب ترکیبی از هنر، خلاقیت و البته تخصص است. به امید خدا قصد دارم دوره آموزشی طراحی وب رو در وب سایت شروع کنم. در این دوره آموزشی شما با نحوه طراحی صفحات وب سایت به صورت کاملاً اصولی آشنا می شوید و در انتهای دوره قادر خواهید بود با دانشی که بدست آورده اید صفحات وب سایت خود را به راحتی و البته به زیبایی طراحی کنید. به طور کلی این دوره آموزشی به سه بخش اصلی زیر تقسیم می شود:

  1. آموزش HTML: بوسیله HTML که مخفف Hyper Text Markup Language است شما ساختار و اصطلاحاً بدنه صفحات وب خود را ایجاد می کنید. در حقیقت نوشتن کد HTML حکم ایجاد فوندانسیون، ستون ها و دیوارهای یک ساختمان را دارد.
  2. آموزش CSS: بعد از اینجاد ساختمان (منظورم همون صفحه HTML هست)، می بایست به ظاهر این ساختمان برسید. بوسیله CSS می توانید صفحات طراحی شده وب خود را زیبا کنید، مانند نمای یک ساختمان که بعد از ساخت باید زیبا شود، صفحات وب نیز نیاز به زیبا شدن دارند که این کار بوسیله CSS انجام می شود.
  3. آموزش JavaScript: گاهی وقت ها نیاز است که بخشی از صفحات وب را به صورت پویا و بر روی مرورگر کاربر تغییر دهیم، بوسیله JavaScript این کار به راحتی امکان پذیر است که در این بخش با زبان اسکریپت نویسی JavsScript آشنا خواهیم شد. (JavaScript یک زبان برنامه نویسی)


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


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

سرفصل هایی که در طول این دوره خدمت دوستان عزیز ITPRO ای ارائه خواهد شد به شرح زیر است:

بخش HTML
  1. آشنایی با ساختار صفحات HTML
  2. تگ های نمایش متن
  3. ایجاد لینک ها در صفحات وب
  4. کار با لیست ها
  5. کار با جداول
  6. کار با تصاویر
  7. ساختار پوشه ها در صفحات وب
  8. تگ های Meta
  9. آشنایی با HTML5 و قابلیت ها آن
  10. آشنایی با DOCTYPE ها
  11. HTML Entities

بخش CSS
  1. شیوه های مختلف استایل دهی به صفحات در css
  2. selector ها در css
  3. کار با background ها
  4. استایل دهی متون و کار با font ها
  5. استایل دهی لینک ها
  6. استایل دهی لیست ها
  7. استایل دهی جداول
  8. آشنایی با مفهوم Box-Model
  9. خصوصیت های display و visibility
  10. آشنایی با مفهوم Positioning در css
  11. ایجاد navigation ها بوسیله لینک ها و css
  12. آشنایی با خصوصیت های css3
  13. کار با background ها و border ها در css3
  14. کار با gradient ها
  15. کار با سایه ها (shadows)
  16. استفاده از فونت های جانبی در صفحات وب
  17. خصوصیت های transition و transform
  18. کار با فضای سه بعدی در css3
  19. ایجاد animation ها در css3
  20. آشنایی با مفهوم طراحی responsive
  21. آشنایی با Grid System
  22. آشنایی با مفهوم Typography، تئوری رنگ ها و UX در صفحات وب

جاوا اسکریپت
  1. آشنایی با JS
  2. ساختار دستورات در JS
  3. کامنت ها
  4. متغیر ها
  5. کار با رشته ها، اعداد، توابع ریاضی و تاریخ
  6. کار با Prompt و Alert
  7. حلقه و دستورات کنترلی
  8. آرایه ها
  9. تبدیل نوع ها
  10. مدیریت خطاها
  11. Function ها
  12. آشنایی با مفهوم DOM و کار با آن در JS
  13. کار با CSS
  14. Event ها
  15. زمانبندی در JS
  16. آشنایی با BOM در JS


مدت زمان ویدیو: 23 دقیقه


حجم: 37 مگابایت



تهیه کننده: حسین احمدی
انجمن تخصصی فناوری اطلاعات ایران
ردیف عنوان قیمت
1 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: مقدمه - مروری بر دوره پیش رو رایگان
2 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت اول - مفاهیم اولیه و ساختار صفحات HTML 5,000تومان
3 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت دوم - قالب بندی متن ها 5,000تومان
4 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سوم - لیست ها، HTML Entity ها و ماهیت برچسب ها در HTML 6,000تومان
5 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهارم - لینک ها 4,000تومان
6 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجم - کار با تصاویر رایگان
7 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت ششم - کار با جداول (Tables) 4,000تومان
8 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت هفتم - فرم ها و ورود اطلاعات 7,500تومان
9 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت هشتم - آشنایی اولیه با CSS و استایل دادن به صفحات رایگان
10 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت نهم - کار با فونت و متن در CSS 5,000تومان
11 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت دهم - Background ها 4,000تومان
12 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت یازدهم - خاصیت های display و visibility رایگان
13 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت دوازدهم - مفهوم BoxModel 7,000تومان
14 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سیزدهم - Position ها در HTML و CSS 6,000تومان
15 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهاردهم - استفاده از Pseudo Class ها رایگان
16 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پانزدهم - ایجاد Navigation ها 5,000تومان
17 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت شانزدهم - ایجاد منوهای کشویی (Dropdown Menu) بوسیله HTML و CSS 5,000تومان
18 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت هفدهم - ایجاد Mega Menu ها رایگان
19 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت هجدهم - خاصیت float در css و مقدمه ای بر ایجاد Layout صفحات وب 6,500تومان
20 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت نوزدهم - آشنایی با Pseudo Element ها رایگان
21 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیستم - آشنایی با مفهوم Grid System و مزیت های آن در طراحی وب 9,500تومان
22 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و یکم - آشنایی با CSS Reset و دلایل استفاده از آن رایگان
23 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و دوم - آشنایی اولیه با HTML5 و امکانات آن 3,700تومان
24 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و سوم - قالب پایگاه خبری (قسمت اول :: طراحی قالب اولیه در نرم افزار فتوشاپ) 5,000تومان
25 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و چهارم - استفاده از font-face در css رایگان
26 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و پنجم - تبدیل قالب پایگاه خبرگزاری به صفحات وب (بخش اول) 7,000تومان
27 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و ششم - تبدیل قالب پایگاه خبرگزاری به صفحات وب (بخش دوم) 3,000تومان
28 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و هفتم - مقدمه ای بر CSS3 و آشنایی با Border-Radius و Border-Image رایگان
29 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و هشتم - آشنایی با Background ها و Color ها در CSS3 4,000تومان
30 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت بیست و نهم - آشنایی با Gradient ها در CSS3 رایگان
31 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی ام - کار با سایه ها (Shadows) در CSS3 5,500تومان
32 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و یکم - خصوصیت های کار با متن در CSS3 رایگان
33 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و دوم - Transform ها در CSS3 4,500تومان
34 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و سوم - آشنایی با محیط سه بعدی (3D) در CSS3 4,500تومان
35 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و چهارم - آشنایی با Transition ها در CSS3 رایگان
36 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و پنجم - ایجاد مکعب سه بعدی (3D Cube) 5,500تومان
37 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و ششم - ایجاد Animation در CSS3 5,000تومان
38 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و هفتم - Multiple Columns و قابلیت های User Interface رایگان
39 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و هشتم - آشنایی با Flexbox در CSS3 رایگان
40 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت سی و نهم - Media Query ها و طراحی واکنش گرا (Responsive Design) 8,900تومان
41 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهلم - نکات طراحی (آشنایی با تکنیک Sprite Images) 4,500تومان
42 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و یکم - نکات طراحی (آشنایی با Font Awesome) رایگان
43 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و دوم - نکات طراحی (آشنایی با تکنیک Flipcard) 3,900تومان
44 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و سوم - تکنیک های طراحی (تکنیک Hover Effect) رایگان
45 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و چهارم - مقدمه ای بر جاوا اسکریپت رایگان
46 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و پنجم - مفاهیم اولیه در جاوا اسکریپت رایگان
47 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و ششم - نوع های داده و عملگرها در جاوا اسکریپت 7,500تومان
48 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و هفتم - مباحث تکمیلی نوع های داده رایگان
49 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و هشتم - آشنایی با حلقه ها (Loops) در جاوا اسکریپت 4,500تومان
50 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت چهل و نهم - دستورات کنترلی if و switch رایگان
51 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاهم - آشنایی با توابع (Functions) 5,000تومان
52 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاه و یکم - کار با DOM (المان ها و کوئری گرفتن از آن ها) 8,500تومان
53 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاه و دوم - کار با DOM (ایجاد و حذف المان ها) 4,500تومان
54 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاه و سوم - کار با DOM (کار با Style ها) رایگان
55 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاه و چهارم - کار با DOM (آشنایی با Event ها) 8,000تومان
56 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاه و پنجم - آشنایی با BOM یا Browser Object Model رایگان
57 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاه و ششم - کار با فرم ها در JavaScript 4,500تومان
58 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت پنجاه و هفتم - مبحث Timing Events در جاوا اسکریپت رایگان
59 دوره آموزشی طراحی وب (HTML و CSS و JavaScript) :: قسمت آخر - چند مثال کاربردی جاوا اسکریپت 4,500تومان
نظرات
  • این پست حذف شده است
    دلیل حذف: مطلب جنبه تبلیغاتی دارد

  • با اینکه این مباحث رو بلدم اما به دو دلیل میخوام پیگیر این دوره ها باشم؛تداوم یادگیری و آموزش خوب شما.
    منتظریم مهندس.
  • سلام
    مهندس جان خیلی زمانش بین اموزشها زیاد نشده است؟!
    باتشکر
  • سلام ابوالفضل جان. دوره طراحی وب چند قسمتش آماده شده و به امید خدا از امروز و هر روز رو وب سایت قرار میگیره. بابت تاخیر هم عذرخواهی میکنم.
  • برای اینکه یک طراح وب بشیم علاوه بر اینکه باید با زبان برنامه نویسی برای طراحی صفحات آشنا باشیم

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

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

    1. HTML
    2. CSS
    3. JavaScript

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

    اما یک برنامه نویس وب بر اساس علایقی که داره می تونه PHP یا ASP.NET رو انتخاب کنه. برای مثال اگر شما ASP.NET رو انتخاب کنید، می بایست در کنارش زبان سی شارپ رو هم یاد بگیرید.

    یه موضوع دیگه هم هست که HTML یا CSS زبان برنامه نویسی نیستند، HTML یک زبان Markup هست.

    در مورد هاست و دامین و امنی سایت، اینا مواردی هست که باید به صورت تکمیلی و البته تجربی یاد بگیرید.
  • بله متوجه هستم که طراح و برنامه نویس فرق دارن. تشکر بابت توضیح شما

    اگر ما html , css , javascript رو یاد بگیریم و بعد از اون بریم مثلا پایتون یاد بگیریم و با جنگو یا فریم ورکهای دیگه کار کنیم
    آیا به نطرتون این مسیر مناسبی هستش ؟ یا باید مثلا بعد اینها بریم php یاد بگیریم و با اون کار کنیم.

  • آقای احمدی میشه لطف کنید بفرمایید این دوره کلا چند قسمت هستش یعنی چند تا ویدیو خواهیم داشت ؟
  • سلام مجدد. انتخاب بین php یا پایتون کاملا بستگی به خود شما داره. اگر دنبال یک بازار کار خوب هستید من به شما php یا asp.net رو پیشنهاد میکنم.
    در مورد دوره پیش بینی من بین 50 الی 55 قسمت هست و به امید خدا دو الی سه ماهه تموم میشه.
  • تشکر میکنم از
    King Of CSharp
    :)
  • با سلام و خسته نباشید فراوان
    ممنون از زحمات و وقتی که گذاشتید
  • سلام مهندس عزیز
    زمان پایان دوره کِی هستش ؟
    میخوام به دوستی معرفی کنم
  • حدود 25 قسمت دیگه دوره تموم میشه، احتمالاً پایان مرداد.
  • مهندس احمدی عزیز سلام و وقت بخیر
    مباحث مربوط به HTML در تمامی دوره پخش شده یا اینکه چند ویدیوی خاص به این مباحث اختصاص داره ؟
    ا
  • سلام و عرض ادب. این دوره به سه بخش تقسیم شده. بخش اول html, بخش دوم css و بخش آخر هم جاوا اسکریپت. قسمت های ابتدایی مربوط به html هست.
  • با سلام خدمت مهندس احمدی عزیز
    آیا آموزش ASP.Net در دستورکارتان قرار دارد یا خیر؟
    با سپاس از زحمات فراوان جنابعالی
  • سلام و عرض ادب، بعد از دوره پیشرفته سی شارپ، یک دوره jQuery داریم و بعدش به امید خدا دوره ASP.NET رو شروع می کنیم.
  • سلام آقای مهندس وقت بخیر
    ویدیو ها رو که نگاه میکردم چند جا از کلمه bootstrap استفاده کردید.
    در این دوره درباره bootstrap و همینطور طراحی سایت واکنشگرا آموزشی در نظر گرفتید؟
    یا دوره دیگه ای برای این منظور برگزار میکنید؟

  • سلام، در مورد طراحی Responsive تو این دوره صحبت کردیم، اما برای Bootstrap یک دوره جداگانه در نظر گرفته شده.
  • با سلام و خسته نباشید
    جناب احمدی من قصد خرید دوره طراحی وب رو دارم، آیا این دوره پروژه محور هست؟ پروژه ای در پایان دوره تعریف شده یا خیر؟ با تشکر
  • سلام، وقت بخیر
    یک قالب برای وب سایت خبری طراحی میشه در طول دوره و مثال های کوچک هم داریم، بقیه دوره بیشتر تمرکز بر روی مفاهیم هست. طراحی قالب تکمیلی رو تو بخش jQuery خواهیم داشت.
  • سلام و خسته نباشید آقای احمدی
    من رشته م کامپیوتر نبوده و سابقه کار هم در این زمینه ندارم. ولی برای برنامه ای که برای مهاجرت دارم و همچنین ذهنیتی که از درسای دوران دانشگاه در مورد برنامه نویسی دارم حس میکنم که تو این زمینه اگر که شروع به یادگیری و کار کنم میتونم بعد از مهاجرت هم راحتتر کار پیدا کنم. میخواستم ازتون راهنمایی و مشاوره در این زمینه بگیرم. آیا امکانش هست؟ یه سری مطالعات در مورد انواع برنامه نویسی داشتم البته ولی مطمئنا راهنمایی شما میتونه کمکم کنه که مسیر درستی رو برم. ممنون یمشم اگه بگین چطوری میتونم ازتون کمک بگیرم.
  • سلام، وقت بخیر
    دقیقاً متوجه نشدم شما در چه موردی قصد دارید راهنمایی بگیرید؟ اگر یک مقدار سوالتون رو واضح تر بیان کنید بنده هم بهتر می تونم کمکتون کنم.
  • عذر میخوام که سوالم گنگ بود. میخوام اگه ممکنه بدونم برای کسی که اول راه برنامه نویسی هست و فقط در حد کمی برنامه نویسی متلب و c در زمان دانشگاه کار کرده، بهترین راه برای شروع برنامه نویسی چیه؟ یه برنامه میخوام برای خودم داشته باشم که هدف گذاری کنم و به نقطه ای برسم که بتونم از راه برنامه نویسی کار کنم. ولی نمیدونم یادگیری کدوم برنامه ها رو شروع کنم. همون اول مثلا برم سراغ جاوا یا باید پیش نیازهایی رو باید رعایت کنم و ... یا مثلا با همین جاوااسکریپت شروع کنم؟ اصلا اینکار با توجه به اینکه پیشینه زیادی تو زمینه برنامه نویسی ندارم امکان پذیر هست یا نه؟
  • سلام مجدد، پیشنهاد می کنم اول این مطلب رو مطالعه کنید جواب خیلی از سوالاتتون رو مطرح کردید میگیرید. بعد از خوندن مطلب اگر مشکلی داشتید مطرح کنید.

برای ارسال نظر ابتدا به سایت وارد شوید

arrow