Web

آموزش گام به گام طراحی سایت
پخش ویدیو
آموزشیار: محمد قهری

آنچه خواهید آموخت

سر فصلهای بخش Front-End

  • بخش اول
    • HTMLhtml چیست
    • آشنایی با تگهای مختلف در html
    • id + class ها
    • formها و جداول
    • inline and block elements
    • آشنایی با chrome dev tool
  • بخش دوم css
    • شروع کار با css
    • سلکتور ها در css 
    • استایل پیشفرض مرورگرها و وراثت در css
    • درک اهمیت order & specificity در استایل دهی 
    • تایپوگرافی
    • آشنایی با رنگها 
    • واحدهای مختلف در css، از px تا vh
    • مشخصه Box Model و یادگیری کامل padding,margin و border
    • کار با بک گراند ها و تصاویر
    • طراحی responsive با استفاده مدیا کوئری ها
    • css gradient
    • Flex Box
    • Position in css 
    • متغیرها در css
    • زنده باد css grid
  • بخش سوم javascript
    • نحوه ساخت برنامه ها و آشنایی با الگوریتم ها
    • جاوااسکریپت چیست
    • متغیر ها و انواع تایپ 
    • تعیین جریان یک برنامه با دستورات شرطی و حلقه  ها
    • توابع، آشنایی با سینتکس های es6 و arrow functions
    • کار با رشته ها و توابع از پیش تعریف شده 
    • regular expression
    • آبجکت ها در جاوااسکریپت
    • یادگیری مفاهیم برنامه نویسی شی گرا OOP
    • functional programming ,javascript a multi paradigm language
    • معرفی DOM و انتخاب و تغییر عناصر آن
    • واکنش نشان دادن به eventها و تغییر ساختار یک صفحه
    • اضافه کردن انیمشین و معرفی انیمیشن ها در css
    • برنامه نویسی Asynchronous و fetch api
    • JSON
    • آشنایی با callBackها، promiseها , سینتکس async await
    • JavaScript Patterns
    • آشنایی با npm و نحوه نصب پکیج ها
    • webpack & babel
  • مقدمات REACT
    • JSX
    • Components &  Communicating with Props
    • Class-Based Components
    • State in React Components
    •  Lifecycle Methods
    •  Making API Requests with React

سر فصلهای بخش Back-end

  • آشنایی با git & github
  • آشنایی با برنامه نویسی back-end و زبانهای مرتبط
  • چرا nodejs و فریمورک express.js
  • Event Loop and Emitters
  • ساخت اولین برنامه با express
  • (APIs(application programming interface
    • آشنایی با apiها و نحوه کارکرد آنها
    • HTTP requests
    • REST APIs
  • مقدماتی بر دیتابیس ها
    • Data Relationship
    • طراحی یک مدل دیتا 
    •  SQL vs NoSQL DataBases 
  • آشنایی با دیتابیس mongodb
    • نحوه نصب و استفاده به صورت لوکال
    • آشنایی با mLab
    • استفاده از mongoose برای راحت تر شدن کار با mongodb
  • شروع ساخت پروژه پایانی(یک شبکه اجتماعی ساده)
  • AUTHENTICATION AND SECURITY
    • معرفی کوتاه JWT 
    • لاگین به وسیله google oauth2.0 و passport
    • ذخیره اطلاعات کاربر در دیتابیس
  • اضافه کردن پروفایل کاربری
  • یجاد قابلیت ایجاد،آپدیت، نمایش و حذف کردن یک پست (آشنایی با CRUD)
  • لایک کردن یک پست
  • معرفی handlebars به عنوان TEMPLAT ENGIN
    • ساخت بخش فرانت سایت از ابتدا با مفاهیمی که در بخش front-end گفته شد
    • استفاده از فایلهای استاتیک
  • دیپلوی کردن وبسایت در heroku

شرح دوره

این دوره شروع مناسبی برای همه افرادیه که دوست دارند وارد دنیای برنامه نویسی وب بشن، چه شما که آشنایی قبلی با یکی زبانهای برنامه نویسی متعارف رو داری و میخوای به مهارت هات اضافه کنی و یا شمایی که تازه میخوای برنامه نویسی رو شروع کنی

تو این دوره از پایه ترین تعاریف وب شروع میکنیم و میگیم که اینترنت چطور کار میکنه و اصلا وب چی هست،بعد از اون میریم سراغ معرفی بخشهای مختلف برنامه نویسی وب،توسعه دهنده T-SHAPE به چه کسی گفته میشه، فرانت-اند و بک-اند چی هستند و به چه کسی برنامه نویس فول استک میگیم و چرا باید یک برنامه نویس فول استک بشیم

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

در facebook به اشتراک بگذارید
فیس بوک
در twitter به اشتراک بگذارید
توییتر
در linkedin به اشتراک بگذارید
لینکدین
در whatsapp به اشتراک بگذارید
واتس آپ