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

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

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

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

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

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

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

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

فصل اول – HTML

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

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

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

 

فصل دوم – CSS

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

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

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

 

فصل سوم –  Java Script

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

  • مقدمه دوره
  • مقدمه بر جاوا اسکریپت
  • چگونگی استفاده از کدهای جاوا اسکریپت
  • دسترسی به عناصر صفحه
  • پاسخ به رویداد کلیک
  • تغییر محتویات وب
  • مخفی کردن عناصر
  • تعریف متغیر
  • تعریف آرایه
  • شروط
  • اشیاء کار با اعداد Math
  • تبدیل انواع داده
  • حلقه‌ها
  • توابع یکی از توانایی‌های قوی در جاوا اسکریپت
  • مثال عملی ۱ کار با اشیاء صفحه
  • مثال عملی ۲ کار با اشیاء صفحه
  • مدل 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 بعلاوه تعاریف لازم

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

 

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

 

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