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

۱ فصل
۸۸ جلسه
۲۷ ساعت
۱

لیست ویدئوهای دوره

۸۸ قسمت
۲۷:۰۶:۰۳
1

معرفی دوره- قسمت اول

رایگان
۳۹:۲۷
2

معرفی دوره- قسمت دوم

رایگان
۵۰:۲۹
3

فصل اول - قسمت اول

۰۱:۵۷
4

فصل اول - قسمت دوم

۱۴:۰۸
5

فصل اول - قسمت سوم

۱۰:۲۲
6

فصل اول - قسمت چهارم

۰۴:۳۱
7

فصل اول - قسمت پنجم

۰۴:۵۴
8

فصل اول - قسمت ششم

۰۵:۵۰
9

فصل اول - قسمت هفتم

۰۶:۳۴
10

فصل اول - قسمت هشتم

۱۴:۴۶
11

فصل اول - قسمت نهم

۰۵:۴۱
12

فصل اول - قسمت دهم

۰۴:۵۹
13

فصل اول - قسمت یازدهم

۰۷:۰۸
14

فصل اول - قسمت دوازدهم

۰۲:۵۰
15

فصل اول - قسمت سیزدهم

۰۶:۲۹
16

فصل اول - قسمت چهاردهم

۰۴:۳۴
17

فصل دوم- قسمت اول

۰۱:۳۹
18

فصل دوم- قسمت دوم

۰۷:۱۰
19

فصل دوم- قسمت سوم

۰۵:۲۷
20

فصل دوم- قسمت چهارم

۰۶:۳۷
21

فصل دوم- قسمت پنجم

۱۳:۴۱
22

فصل دوم- قسمت ششم

۰۶:۲۱
23

فصل دوم- قسمت هفتم

۰۸:۵۰
24

فصل دوم- قسمت هشتم

۰۷:۴۴
25

فصل دوم- قسمت نهم

۱۱:۵۴
26

فصل دوم- قسمت دهم

۰۷:۲۶
27

فصل دوم- قسمت یازدهم

۱۱:۲۱
28

فصل دوم- قسمت دوازدهم

۰۸:۲۵
29

فصل دوم- قسمت سیزدهم

۰۶:۴۱
30

فصل دوم- قسمت چهاردهم

۱۳:۵۹
31

فصل دوم- قسمت پانزدهم

۱۷:۳۳
32

فصل دوم- قسمت شانزدهم

۰۶:۰۰
33

فصل دوم- قسمت هفدهم

۱۰:۰۸
34

فصل دوم- قسمت هجدهم

۱۳:۴۴
35

فصل دوم- قسمت نوزدهم

۲۰:۲۳
36

فصل دوم- قسمت بیستم

۲۴:۵۸
37

فصل دوم- قسمت بیست و یکم

۳۱:۳۴
38

فصل دوم- قسمت بیست و دوم

۲۶:۰۸
39

فصل دوم- قسمت بیست و سوم

۲۰:۳۴
40

فصل دوم- قسمت بیست و چهارم

۱۲:۵۴
41

فصل دوم- قسمت بیست و پنجم

۱۴:۴۲
42

فصل سوم - قسمت اول

۰۷:۳۳
43

فصل سوم - قسمت دوم

۰۸:۲۵
44

فصل سوم - قسمت سوم

۰۵:۰۵
45

فصل سوم - قسمت چهارم

۰۵:۳۳
46

فصل سوم - قسمت پنجم

۰۹:۳۸
47

فصل سوم - قسمت ششم

۱۲:۳۰
48

فصل سوم - قسمت هفتم

۱۲:۴۸
49

فصل سوم - قسمت هشتم

۱۰:۴۷
50

فصل سوم - قسمت نهم

۲۳:۴۳
51

فصل سوم - قسمت دهم

۱۱:۰۶
52

فصل سوم - قسمت یازدهم

۱۶:۳۷
53

فصل سوم - قسمت دوازدهم

۱۲:۰۱
54

فصل سوم - قسمت سیزدهم

۱۹:۰۵
55

فصل سوم - قسمت چهاردهم

۰۸:۴۴
56

فصل سوم - قسمت پانزدهم

۲۹:۳۶
57

فصل سوم - قسمت شانزدهم

۲۵:۲۴
58

فصل سوم - قسمت هفدهم

۲۸:۰۴
59

فصل سوم - قسمت هجدهم

۳۸:۳۶
60

فصل سوم - قسمت نوزدهم

۴۱:۰۵
61

فصل چهارم - قسمت اول

۱۸:۳۸
62

فصل چهارم - قسمت دوم

۱۹:۰۰
63

فصل چهارم - قسمت سوم

۲۹:۱۹
64

فصل چهارم - قسمت چهارم

۲۶:۳۰
65

فصل چهارم - قسمت پنجم

۰۷:۴۱
66

فصل چهارم - قسمت ششم

۲۲:۱۶
67

فصل چهارم - قسمت هفتم

۱۰:۴۳
68

فصل چهارم - قسمت هشتم

۱۲:۵۲
69

فصل چهارم - قسمت نهم

۱۴:۵۰
70

فصل چهارم - قسمت دهم

۱۳:۱۳
71

فصل چهارم - قسمت یازدهم

۱۳:۵۴
72

فصل چهارم - قسمت دوازدهم

۲۶:۴۱
73

فصل چهارم - قسمت سیزدهم

۰۱:۰۶:۵۱
74

فصل چهارم - قسمت چهاردهم

۴۸:۱۶
75

فصل چهارم - قسمت پانزدهم

۵۳:۴۵
76

فصل چهارم - قسمت شانزدهم

۳۹:۱۵
77

فصل پنجم- قسمت اول

۱۴:۴۶
78

فصل پنجم- قسمت دوم

۳۶:۰۲
79

فصل پنجم- قسمت سوم

۱۶:۱۱
80

فصل پنجم- قسمت چهارم

۱۸:۰۶
81

فصل پنجم- قسمت پنجم

۳۲:۳۱
82

فصل پنجم- قسمت ششم

۳۸:۵۸
83

فصل پنجم- قسمت هفتم

۲۶:۰۰
84

فصل پنجم- قسمت هشتم

۲۶:۱۲
85

فصل پنجم- قسمت نهم

۲۲:۳۳
86

فصل پنجم- قسمت دهم

۴۷:۲۰
87

فصل پنجم- قسمت یازدهم

۳۳:۴۰
88

فصل پنجم- قسمت دوازدهم

۰۱:۰۳:۰۸

بخش اول دوره جامع آموزش مهندسی وب

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

معرفی دوره مهندسی وب

در این بخش 5 فصل ابتدایی دوره جامع آموزش مهندسی وب را بررسی می‌کنیم. این پنج فصل مباحث مقدماتی و تا حدودی متوسط را بیان می‌کند و تلاش دارد تا با مطرح‌شدن مسائل به‌صورت ساده باعث ایجاد چهارچوب صحیحی نسبت به وب شود. البته همان‌طور که خواهید دید مهندسی وب شامل مباحث نوعی هست که در طول دوره با آن‌ها برخورد خواهید کرد.

نکته
این آموزش در بسته طلایی آموزش برنامه نویسی با PHP وجود دارد.

خلاصه آنچه در دوره جامع آموزش مهندسی وب خواهید آموخت:

  • آشنایی با HTML
  • آشنایی با CSS و طراحی Layout یک شبکه خبری ساده
  • آشنایی با JavaScript و بررسی چند نکته کاربردی
  • آشنایی با jQuery و بررسی یک پروژه عملی و نگاه تازه به کسب کار
  • بررسی Bootstrap و پروژه عملی Landing Page App

نکته: قبل از بررسی سرفصل‌ها لازم به ذکر است که این بخش شامل مباحث مقدماتی است، به‌جز Bootstrap، که شامل مطالب متوسط هم می‌شود. فرض بر این قرارگرفته کاربر با مفاهیم وب آشنایی ندارد. مورد بعد اینکه، مطالب گاهی اوقات چندین مرتبه تکرار شده‌اند تا در ذهن مخاطب جای گیرد و درنهایت تمام مطالب در سطح فوق پیشرفته (Expert) در طول کل دوره جامع مهندسی وب بررسی خواهند شد.

فصل اول – HTML

در این فصل 13 قسمت برای توضیحات اولیه در نظر گرفته‌شده که کاملاً جنبه مقدماتی دارد و شامل موارد ذیل هستند:

  • مقدمه دوره
  • HTML چیست؟
  • تگ‌های عنوان
  • پاراگراف‌ها
  • قالب‌بندی
  • لیست‌ها
  • تگ تصویر
  • فرم‌ها
  • بررسی تگ لینک
  • بررسی جداول و خصوصیات اولیه آن‌ها
  • شاخصه‌ها در HTML
  • تگ iFrame و کاربرد آن
  • بررسی تگ DIV
  • طراحی رسپانسیو

*تمام مطالب با شیوایی خاصی و همین‌طور با تکرار مطالب پیش می‌رود و همچنین دوره کامل‌تر شامل مباحث پیشرفته HTML 5 در قسمت‌های آینده دوره جامع مهندسی وب ارائه خواهد شد.

 

فصل دوم – CSS

در این فصل هم مشابه قبل توضیحات مقدماتی است و البته در نظر داشتیم که شما توانایی بیشتری پیدا کردید درنتیجه مطالب بیشتری را برای شما بیان کردیم. فقط در نظر داشته باشید مباحث تکمیلی و جامع در فصل جداگانه با عنوان CSS3 ارائه خواهد شد. سرفصل این فصل:

  • مقدمه دوره
  • CSS چیست؟
  • شیوه بکار بردن CSS – درون‌خطی
  • شیوه بکار بردن CSS – درون صفحه
  • مفهوم ID و کلاس
  • تگ DIV و کاربرد آن
  • کدهای رنگ
  • عناصر شناور (Floating)
  • مکان‌یابی عناصر
  • انواع حاشیه Margin و Padding
  • خط حاشیه‌بندی با Border
  • فوت و قالب دهی متن
  • تراز بندی متن
  • پس‌زمینه
  • تغییر ظاهر لینک
  • تغییر ظاهر لیست
  • ظاهر عناصر
  • بررسی یک پروژه سایت خبری در پنج قسمت
  • بررسی انواع سلیکتور
  • کلاس‌های کاذب
  • و در انتها عناصر کاذب را بررسی می‌کنیم

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

 

فصل سوم –  Java Script

در این فصل سلطان زبان‌های اسکریپتی بررسی می‌شود. جاوا اسکریپت فوق‌العاده است ولی کمی هم مشکل. در کل به دلیل توانایی‌هایی که دارد تقریباً اکثر فریم ورک های مدرن از این زبان استفاده می‌کنند مثلاً. Jquery, Angularjs, … در اینجا هم تلاش شده مطالب مقدماتی گفته شود تا دوستان کمی نرمش کنند و بعد با بدنی ورزیده وارد قسمت‌های سنگین (حرفه‌ای) شوند. نکات اصلی این‌که مباحث:

  • مقدمه دوره
  • مقدمه بر جاوا اسکریپت
  • چگونگی استفاده از کدهای جاوا اسکریپت
  • دسترسی به عناصر صفحه
  • پاسخ به رویداد کلیک
  • تغییر محتویات وب
  • مخفی کردن عناصر
  • تعریف متغیر
  • تعریف آرایه
  • شروط
  • اشیاء کار با اعداد Math
  • تبدیل انواع داده
  • حلقه‌ها
  • توابع یکی از توانایی‌های قوی در جاوا اسکریپت
  • مثال عملی 1 کار با اشیاء صفحه
  • مثال عملی 2 کار با اشیاء صفحه
  • مدل BOM قسمت اول
  • مدل BOM قسمت دوم
  • مدل DOM قسمت اول

در انتها تذکر می‌دهم که دوره پیشرفته جاوا اسکریپت تحت عنوان Advanced Javascript, Ajax, JSON در فصل‌های آینده بررسی می‌شود.

 

فصل چهارم – JQuery و JQuery UI

در این فصل یکی از فریم ورک های پرطرفدار جاوا اسکریپت را بررسی می‌کنیم. جی کوئری یکی از قوی‌ترین‌هاست که در سمت کلاینت کار می‌کند و همچنین شمارا با JQuery UI آشنا می‌کنیم. البته این فصل با نکات پیشرفته و قسمت JQuery Mobile تکمیل خواهد شد. ببینیم قرار هست چه چیزهایی یاد بگیریم:

  • معرفی jQuery
  • اصول اولیه این فریم ورک
  • سلکتور ها
  • برخورد با رویدادها
  • اسلاید شو ها
  • انیمیشن‌ها و شیوه تعریف آن‌ها
  • آشنایی مقدماتی با jQuery UI – Draggable
  •  Droppable
  • Resizable
  • Selectable-Sortable
  • Accordion
  • Buttons
  • مفهوم سلکتور ها
  • بررسی تغیر محتوا در jQuery
  • بررسی مباحث موردنیاز پروژه
  • پروژه‌ی Code Player

 

فصل پنجم – Bootstrap

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

  • معرفی بوت استرپ
  • مفهوم گرید سیستم
  • تگ‌هایی که توسط بوت استرپ override شدند
  • بررسی Typography
  • فرم‌ها
  • معرفی کنترل‌ها بخش اول
  • معرفی کنترل‌ها بخش دوم
  • معرفی کنترل‌ها بخش سوم
  • معرفی کنترل‌ها بخش چهارم
  • معرفی کنترل‌ها بخش پنجم
  • بررسی چند پلاگین Tooltips, Popover, ScrollSpy, Affix
  • ساخت یک Landing Page App بعلاوه تعاریف لازم

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

 

دوره جامع مهندسی وب – بخش دوم 

 

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