آموزش برنامه نویسی بصورت پروژه محور



دروه ی آموزش پروژه محور vue.js و فریمورک laravel

دوره ی آموزش پروژه محور دفترچه تلفن با Vue.js و فریمورک محبوب Laravel

 

دوره ی آموزش پروژه محور ساخت دفترچه مخاطبین بصورت single page application یا سایت تک صفحه ای توسط فریمورک Laravel  و فریمورک Vue.js و فریمورک Bulma

 

:: سخن مدرس ::

در این دوره ی آموزشی بصورت پروژه محور ، یک دفترچه مخاطبین آنلاین میسازیم که بتوانیم عملیات CRUD دیتابیس یا همان عملیات CREATE READ UPDATE DELETE را بدون ریفرش کردن صفحه ی مرورگر و بصورت AJAX با استفاده از Vue.js انجام دهیم . 

در این دوره ی آموزشی از فریمورک Laravel پی اچ پی برای ایجاد پروژه و ارتباط آن با Vue.js استفاده میکنیم .

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

نحوه ی کار با axios برای ارسال داده ها بصورت AJAX را آموزش میدهیم و در نهایت میتوان گفت شما الفبای فریمورک قوی Vue.js را در این دوره طی خواهید کرد و مطمئنا مباحث مطرح شده در این دوره هم برای فریمورک Vue.js و هم برای Laravel و هم برای Bulma  بی نظیر است . 

 

:: سرفصل های این دوره ی آموزشی ::

 

جلسه ۱ : 

  • معرفی فریمورک Vue.js و مقایسه آن با انواع فریمورک های JavaScript
  • آموزش دانلود و نصب Node.js و npm
  • آموزش دانلود و نصب Vue.js

جلسه ۲ : 

  • آموزش افزودن صحیح فایل Vue.js به سند HTML
  • آموزش شروع کدنویسی با Vue.js
  • آموزش کار با آبجکت اصلی Vue 
  • آموزش کار با el و انتخاب element مورد نظر 
  • آموزش کار با متد data  و تعریف متغیرهای Vue.js 

جلسه  ۳ : 

  • آموزش مدیریت آبجکت ها در Vue.js
  • آموزش نحوه ی استفاده از console مرورگر کروم جهت مشاهده ی رخ دادها در طول کدنویسی Vue.js و مدیریت خطاهای کدنویسی رخ داده
  • آموزش تغییر لحظه ای داده ها با console
  • آموزش کار با delimiters در Vue.js
  • آموزش استفاده از v-bind: جهت تغییر ویژگی های تگ های HTML با استفاده از Vue.js

جلسه ۴ : 

  • آموزش کار با فرم های HTML و V-bind
  • آموش کار با v-model 
  • آموزش کار با v-model-lazy
  • آموزش کار با checkbox و v-model برای دریافت آیتم های انتخاب شده در فرم HTML
  • آموزش متد  join در Vue.js
  • آموزش کار با v-for یا ساخت حلقه در Vue.js

جلسه ۵ : 

  • آموزش کار با آرایه ها در Vue.js
  • ساخت یک لیست از آیتم های قابل انتخاب در Vue.js
  • آموزش تعریف key برای آیتم های حلقه ی v-for 
  • آموزش شرط if و else و elseif 

جلسه ۶ : 

  • آموزش کار با رویداد کلیک یا v-on:click 
  • آموزش کار با توابع در Vue.js و نوشتن تابع جدید در بخش methods
  • آموزش استفاده از @click بجای v-on:click در رویداد کلیک 
  • آموزش کار با @click.prevent 

جلسه ۷ : 

  • آموزش استایل نویسی با Vue.js
  • آموزش اختصاص کلاس css توسط Vue.js
  • آموزش کار با متد @mousehover در Vue.js
  • اختصاص مقادیر استایل با استفاده از v-model

جلسه ۸ :

  • آموزش Bind کردن انواع کلاس های css با استفاده از Vuejs به همراه مثال 
  • تغییر کلاس های css و استایل element های HTML با استفاده از Vue.js

جلسه ۹ : 

  • آموزش ساخت لیست در Vuejs 
  • آموزش ساخت لیستی از مرورگرها و ورژن های متناظر آنها بصورت تمرین عملی

جلسه ۱۰ : 

  • آموزش انتساب رشته ها  در Vuejs
  • آموزش انجام عملیات ریاضی روی داده های عددی
  • آموزش ایجاد پروژه مبدل داده های ریاضی(سانتی متر) بصورت عملی 

جلسه ۱۱ : 

  • آموزش کار با متد indexOf
  • ساخت یک پروژه سوال و جواب اتوماتیک برای نشان دادن کارآیی indexOf
  • آموزش افزودن Jquery و استفاده از متد Ajax
  • آموزش فراخوانی api جیسان یک وب سرویس
  • آموزش لود کردن محصولات از یک وب سرویس به همراه توضیحات و تصویر و .

جلسه ۱۲ : 

  • آموزش چرخه ی حیات در Vuejs 
  • آموزش کار با متد beforeCreate
  • آموزش کار با متد Created 
  • آموزش کار با متد beforeMounted
  • آموزش کار با متد Mounted
  • آموزش کار با متد beforeUpdate
  • آموزش کار با متد Updated
  • آموزش کار با متد beforeDestroy
  • آموزش کار با متد destroyed
  • آموزش ایجاد و کار با component های Vue.js
  • آموزش ایجاد template های مختلف با استفاده از Component ها 

جلسه  ۱۳ : 

  • ادامه ی آموزش کار با component ها و ایجاد component های جدید 
  • دریافت json از وب سرویس و نمایش محصولات با استفاده از component ها 
  • آموزش استفاده از component برای افزودن element های جدید 

جلسه ۱۴ : 

  • آموزش نصب و کار با vue.js devtools برای مرورگر کروم 
  • آموزش ایجاد toggle برای نمایش بخشی از متن محصول 
  • آموزش کار با devtools جهت پیدا کردن component های vue.js و مدیریت آنها به آسانی

جلسه ۱۵ :

  • آموزش پیشرفته ی کار با component ها در Vue.js و ایجاد template های بیشتر
  • آموزش کار با scope
  • آموزش افزودن تگ های HTML سفارشی به لیست component ها فراخوانی شده با json

جلسه ۱۶ : 

  • آموزش تعریف متد remove برای پاک کردن یک آیتم از یک لیست در Vue.js 
  • آموزش کار با متد splice در Vue.js 

:: سرفصل دوره ی پروژه محور Vue.js + Laravel ۵ + Bulma ::

جلسه ۱۷ : 

  • آموزش نصب Composer 
  • آموزش نصب فریمورک  Laravel 
  • آموزش نصب Nodejs و npm
  • آموزش دانلود و نصب فریمورک Bulma
  • آموزش نصب Vue.js و Vue-router 

جلسه ۱۸ : 

  • ایجاد view جدید در Laravel 
  • ایجاد route جدید در Laravel 
  • آموزش ایجاد یک view به همراه Vuejs در Laravel 
  • تست و راه اندازی Vuejs و استفاده از Laravel Mix 

جلسه ۱۹ : 

  • آموزش نصب محیط توسعه ی Atom و افزونه های مورد نیاز برای Laravel و Vue.js 
  • آموزش استفاده از دستور npm run watch برای کامپایل css و js های پروژه در یک فایل
  • آموزش ایجاد و استفاده از component مربوط به header و footer سایت توسط Vue.js
  • آموزش استفاده از vue-router در پروژه دفترچه مخاطبین 
  • آموزش ساخت فایل component های مختلف و لود کردن آنها بدون ریفرش شدن مرورگر

جلسه ۲۰ : 

  • آموزش نصب Font Awesome در Laravel با استفاده از npm 
  • ایجاد item برای نمایش مخاطبین در لیست 
  • ایجاد دکمه های مدیریتی مثل ویرایش - حذف - نمایش یک آیتم در دفترچه مخاطبین 
  • آموزش استفاده از پنجره ی modal در bulma و استفاده ی آن توسط Vue.js
  • آموزش کدنویسی رویداد کلیک @click برای نمایش و بستن یک پنجره ی modal

جلسه ۲۱ : 

  • آموزش ایجاد دامنه ی مجازی در xampp بصورت phonebook.me 
  • آموزش ساخت Model جدید در لاراول
  • آموزش ساخت migration جدید در لاراول
  • آموزش ساخت Controller جدید در لاراول از نوع resource
  • آموزش مدیریت جدول دیتابیس با استفاده از Migration 
  • آموزش استفاده از php artisan جهت migrate کردن تغییرات جدول دیتابیس
  •  

جلسه ۲۲ : 

  • آموزش اعتبار سنجی فرم با Laravel Request اختصاصی و Vuejs 
  • آموزش نصب axios و استفاده از آن برای درج اطلاعات در پایگاه داده با استفاده از Model لاراول و Vuejs بصورت ایجکسی ( درج مخاطب جدید )

جلسه ۲۳ : 

  • آموزش ایجاد متد جدید getData در کنترلر برای لود کردن داده های مخاطبین از دیتابیس
  • آموزش لود کردن داده ها توسط axios 
  • آموزش پر کردن لیست از مخاطبین موجود در دیتابیس توسط Vue.js

جلسه ۲۴ : 

  • آموزش ایجاد modal جدید و نمایش آن زمان کلیک شدن نمایش یک مخاطب 
  • آموزش فراخوانی یک مخاطب با آیدی بدون رفرش صفحه توسط axios
  • آموزش نمایش اطلاعات یک مخاطب لود شده در modal ایجاد شده 

جلسه ۲۵ : 

  • آموزش ایجاد modal یا پنجره جدید با استفاده از Vue.js برای عملیات بروزرسانی یک مخاطب خاص از دفترچه مخاطبین
  • آموزش فراخوانی اطلاعات مخاطب از دیتابیس و نمایش ان در فرم modal ،  جهت ویرایش
  • آموزش ثبت تغییرات انجام شده در دیتابیس با Axios و متدهای model

جلسه ۲۶ : 

  • آموزش ایجاد متد delete یک مخاطب خاص از دیتایس با استفاده از axios 
  • آموزش برنامه نویسی متد delete و پاک کردن آیتم انتخاب شده توسط Vue.js و متد destroy کنترلر ، بدون رفرش مرورگر

جلسه ۲۷ : 

  • رفع برخی باگ های پروژه 
  • آموزش تبدیل تمام قسمت های پروژه به یک وب سایت Single Page Application 

جلسه ۲۸ : 

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

جلسه ۲۹ : 

  • آموزش ایجاد متد جستجو بین آیتم های لیست مخاطبین با وارد کردن عبارت در input جستجو
  • ایجاد watcher برای جستجو بین فیلدهای Name 

جلسه ۳۰ : 

  • آموزش کدنویسی جستجوی پیشرفته برای سرچ بین فیلد های دیگر مثل email , phone و .
  • آموزش پر کردن لیست از نتایج جستجو شده و بازگشت اطلاعات قبلی بعد از پاکسازی فیلد جستجو
  • جستجو بصورت آنی با تایپ هر حرف یا حذف آن ، در فیلد input جستجو 

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

در تصویر متحرک زیر پیش نمایش را میبینید :‌

دوره ی آموزش پروژه محور vuejs  و laravel

 

برای دریافت این دوره ی آموزشی بصورت کامل روی لینک زیر کلیک کنید :‌

 

دوره ی آموزش پروژه محور ویو جی اس ( vue.js ) و فریمورک laravel 

.

.


آموزش برنامه نویسی بصورت پروژه محور

 

:: معرفی کلیات دوره ::

 

تمرکز اصلی این دوره بر روی تمام امکانات دیوار چه در وب سایت و چه در اپلیکیشن اندرویدی میباشد ، در این دوره ی آموزشی سعی بر این شده است با یک شیوه ی کاملا متفاوت با دوره های آموزشی موجود، تمام تخصص مورد نیاز برای تبدیل شدن به یک برنامه نویس حرفه ای ، آموزش داده شود . از آنجایی که این دوره یک دوره ی پروژه محور هست هدف اصلی آن ساخت یک پروژه مثل دیوار هست که در نهایت بعد از ۳۰ ساعت آموزش به سطحی از برنامه نویسی خواهید رسید که بتوانید یک سیستم مشابه دیوار را از صفر برنامه نویسی و طراحی کنید .

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


:: تخصص های آموزش داده شده ::

 

  • نصب و راه اندازی وب سرور مجازی برای برنامه نویسی PHP در کامپیوتر شخصی
  • آموزش کار با PHP و فریمورک Codeigniter  آموزش کامل الگوی طراحی MVC در وب
  • آموزش فریمورک Bootstrap و کدنویسی CSS برای طراحی قالب سایت
  • آموزش کامل ساخت دیتابیس و مدیریت جداول عملیات Insert Update Delete دیتابیس توسط PHP و Codeigniter
  • آموزش نوشتن وب سرویس با کدایگنایتر با خروجی json
  • آموزش ارتباط سرور با برنامه ی اندرویدی
  • آموزش برنامه نویسی اندروید با جاوا در محیط Android Studio
  • آموزش UI اندروید
  • آموزش کامل کار با کتابخانه ی Volley جهت ارتباطات سرور و فرمت JSON

 

:: سوالات متداول درباره ی این دوره :: 

 

  • نحوه ی دریافت دوره چگونه است ؟

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

  •   پیش نیاز این دوره چیست  ؟

    پاسخ : چون این دوره از سطح ۰ تا سطح پیشرفته میباشد ، پیش نیاز این دوره آشنایی با برنامه نویسی و آشنایی با نحوه ی نصب برنامه بر روی کامپیوتر هست و هیچ پیش نیاز خاص دیگری نیاز نیست .

  • بعد از خرید امکان پس دادن این دوره وجود دارد ؟

    پاسخ : شما میتوانید ۲۴ ساعت بعد از خرید در صورت بروز هرگونه مشکلی مسئله را به مدیریت سایت ارجاع دهید تا مبلغ شما به حساب کارت شما ریخته شود
  • آیا افرادی که این دوره را تهیه میکنند حتما باید کامپیوتر بخوانند ؟

    پاسخ : خیر ، ۸۰% افرادی که این دوره را خریده اند و رضایت کاملی از این دوره ی آموزشی داشته اند از رشته های مختلف بوده و هیچ ارتباطی با رشته ی نرم افزار نداشته اند .
     
  • این دوره ی آموزشی کامل شده است ؟

    پاسخ : بله ۱۰۰% تمام شده و در ۲۱ جلسه و به همراه سورس های ان فرستاده میشود

  • این دوره زبان فارسی هست ؟

    پاسخ : بله این دوره توسط مهندس عباس نیکزاد با ده سال سابقه ی برنامه نویسی ضبط و تولید شده است 

  • اگر هیچ چیز از برنامه نویسی بلد نباشم در چه مدتی میتوانم مباحث این دوره را مسلط شوم و دیوار را بسازم ؟

    پاسخ : اگر بصورت مرتب تمام مباحث و جلسات این دوره را ببینید و تمرین کنید حداکثر تا یک ماه برنامه نویسی سمت سرور و برنامه نویسی اندروید و ارتباطات سروری برنامه ی اندرویدی و درنهایت تولید یک اپ مشابه دیوار را خواهید توانست . 

  • پیش نمایشی از این دوره وجود نداره قبل از خرید آزمایش کنیم ؟

    پاسخ : پیش نمایش ویدیویی و همچنین یک ویدیوی معرفی از این دوره ی ارزشمند تهیه شده و در این پست گنجانده شده است ، میتوانید بصورت رایگان آنرا تهیه و ارزیابی کنید 

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

    پاسخ : بله ۱۰۰% شما هم از طریق ایمیل که در سایت درج شده و هم از طریق تلگرام پشتیبانی سایت میتوانید با ما در تماس باشید این دوره پشتیبانی کامل دارد.
      

 

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

برای مشاهده و دریافت این دوره ی آموزشی روی لینک زیر کلیک کنید 

دوره ی پروژه محور ساخت سایت و اپ دیوار


آموزش برنامه نویسی بصورت پروژه محور

آموزش شروع یادگیری زبان برنامه نویسی پایتون ( Python )

 

شاید برای شما هم سوال باشد که چطور زبان قدرتمند پایتون را شروع کنید ؟‌

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

 

پایتون چیست ؟‌

پایتون یک زبان برنامه نویسی کراس - پلتفرم است یعنی روی پلتفرم های مختلف قابل اجرا است مثل ویندوز مک لینوکس و همچنین میتوانید به ماشین های مجازی .Net  و Java هم پورت شود . 

پایتون رایگان و اوپن سورس است . 

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

 

راحت ترین راه برای اجرای پایتون 

راحت ترین راه برای شروع و اجرای پایتون محیط توسعه ی Thonny IDE است . 

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

مراحل زیر را طی کنید تا پایتون را به سادگی روی کامپیوتر خود اجرا کنید :‌

  1. Thonny IDE را دانلود و نصب کنید . 
  2. در Thonny IDE به  منوی File > New بروید . بعد فایل جدید را ذخیره کنید و مطمئن شوید فرمت یا نوع فایل .py باشد برای مثال hello.py, example.py و . .
  3. کمی کد پایتون درون این فایل بنویسید : مثل تصویر زیر 
    آموزش شروع سریع برنامه نویسی پایتون ( Python )
  4. حالا به منوی Run > Run current script بروید یا به سادگی دکمه ی F5 را از کیبورد بزنید . 

 

آموزش نصب پایتون بصورت جداگانه و تنها 

اگر قصد ندارید محیط Thonny را نصب و استفاده کنید شما میتوانید Python را جداگانه روی کامپیوتر خود نصب و اجرا کنید که در ادامه به آموزش آن میپردازیم . 

  1. آخرین نسخه ی پایتون را دانلود کنید . 
  2. فایل نصبی را اجرا کنید و قدم های نصب را برای نصب کامل پایتون دنبال کنید . در حین نصب Add Python to environment variables را تیک بزنید . این گزینه پایتون را به متغیرهای محلی کامپیوتر شما معرفی میکند و شما را قادر میسازد تا از هر کجای کامپیوترتان پایتون را اجرا کنید . همچنین شما میتوانید محل نصب را مشخص کنید .
    آموزش نصب زبان پایتون ( Python )

در نهایت بعد از نصب شدن روی finish کلیک کنید  . پایتون شما نصب شده است و میتوانید استفاده کنید . 

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

 

اجرای پایتون ( Python ) در حالت فوری 

بعد از اینکه پایتون نصب شد terminal یا command prompt را میتوانید باز کنید و کلمه ی python را بزنید . این دستور مفسر را در حالت فوری فراخوانی میکند . 

در این حالت میتوانیم کدهای python را مستقیما تایپ کنیم و Enter بزنیم تا اجرا شود . 

عبارت ۱+۱ را وارد کنید و اینتر بزنید میبینید که حاصل جمع یعنی عدد ۲ نمایان میشود . برای خروج از حالت پایتون دستور quit() را وارد کنید و اینتر بزنید . 

آموزش شروع سریع برنامه نویسی پایتون ( python )

 

اجرای پایتون ( Python ) از طریق محیط توسعه یا IDE 

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

فقط کافی است که نوع فایل به صورت py ذخیره شود . البته که استفاده از IDE یا محیط های توسعه برنامه نویسی پایتون را برای ما لذت بخش تر خواهد کرد . 

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

به هنگام نصب پایتون یک IDE هم بصورت پیشفرض نصب میشود که IDLE نام دارد . این یک IDE مناسب برای افراد است که میخواهند شروع کنند . 

برای اجرای این برنامه استارت را بزنید و نامش را جستجو کنید . بعد از اجرای این برنامه یک shell پایتون به شکل تصویر زیر برای شما بالا می آید و میتوانید کدهای پایتون را مستقیما وارد کنید و اینتر بزنید تا نتیجه را ببینید .

آموزش شروع یادگیری زبان پایتون (Python)

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

برای اجرا کافیه دکمه ی F۵ را از صفحه کلید یا به منو Run > Run Module بروید . 

 

اولین برنامه ی پایتون شما 

خب حالا که پایتون ما داره اجرا میشه میتونیم شروع کنیم و اولین برنامه ی خودمون در پایتون (python) را بنویسیم . 

بیایید یک برنامه ساده بسازیم که "Hello World!" بگه :)

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

از ادیتوری که بالا معرفی کردیم استفاده کنید و یک فایل جدید بسازید و با نام helloWorld.py ذخیره کنید 

بعد کد زیر رو داخلش بنویسید : 

print("Hello world!")

بعد اجرا کنید . میبینید که نتیجه به شکل زیره : 

Hello world! 

تبریک میگیم شما اولین قدم برای کشف زبان پایتون رو برداشتید . 

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

 

برای شروع یادگیری پایتون روی لینک زیر کلیک کنید 

 

پایتون رو از اینجا شروع کنید

 

پایان 

.


آموزش برنامه نویسی بصورت پروژه محور

 دوره ی پروژه محور ساخت هتلداری با php mvc

دوره ی آموزش پروژه محور php mvc 

 

دوره ی اموزش پروژه محور ساخت هتلداری با php mvc

توضیحات و جزئیات دوره :

:: سخن مدرس :: 

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

 

:: زبان های برنامه نویسی ، تکنولوژی ها ، محیط ها و برنامه های استفاده شده در این دوره ::

  • زبان برنامه نویسی :  php - html - css - javascript
  • فریمورک ها یا کتابخانه ها : jquery - bulma 
  • محیط توسعه : atom
  • وب سرور مجازی : xampp
  • محیط آموزش : windows ۱۰ 

:: سرفصل ها ::

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

 

جلسه ی ۱ : 

  • معرفی ابزار رسم جداول دیتابیس
  • ترسیم جدول های پایگاه داده مورد نیاز پروژه 

 

جلسه ۲ :

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

 

جلسه ۳ : 

  • آموزش نصب برنامه ی وب سرور مجازی در ویندوز مک لینوکس 
  • آموزش نصب محیط کدنویسی ATOM  و تنظیمات خاص آن 
  • آموزش نصب پکیج در محیط ATOM 

 

جلسه ۴ : 

  • آموزش کامل mvc یا model view controller
  • استفاده ی mvc در php و ساخت وب سایت

 

جلسه ۵ :

  • آموزش کار با apache و تنظیمات آن
  • آموزش کار با فایل .htaccess 
  • ایجاد ساختار اصلی پروژه هتلداری با قاعده های mvc

 

جلسه ۶ : 

  • آموزش کنترل url توسط htaccess
  • آموزش دریافت نام کنترلر ، متد و پارامترهای آن از url بصورت استاندارد mvc  ا site.com/controller/method/paramا

 

جلسه ۷ : 

  • ساخت بخش کتابخانه های فریمورک mvc 
  • آموزش ساخت کلاس کلی سیستم مسیردهی App و ساخت برنامه براساس آن 
  • آموزش ایجاد کنترلر ، ویو و مدل پایه ای 
  • آموزش ساخت نوشتن تابع رندر view ها و لودینگ model های پروژه 
  • آموزش فراخوانی خودکار تمام کتابخانه ها و فایل های تنظیم پروژه 

 

جلسه ۸ : 

  • آموزش ساخت فایل تنظیمات پایگاه داده 
  • آموزش سااخت کتابخانه ی مخصوص کار با پایگاه داده
  • آموزش اتصال به پایگاه داده با PDO
  • آموزش لود کردن کتابخانه و تنظیمات پایگاه داده هنگام فراخوانی یک model 
  • آموزش ایجاد تنظیمات مسیردهی و توابع دریافت مسیر پروژه base_url()

 

جلسه ۹ : 

  • آموزش فراخوانی فایل های css js  و. . 
  • آموزش دانلود و نصب فریمورک bulma به پروژه 
  • آموزش دانلود و نصب کتابخانه ی jquery به پروژه 
  • آموزش  فراخوانی یکباره ی بخش های مشترک view ها در کتابخانه ی view 

 

جلسه ۱۰ : 

  • آموزش نصب theme های جدید بر روی فریمورک bulma 
  • آموزش نصب تم متریال دیزاین روی پروژه 
  • تشریح نحوه ی عملکرد کنترلرها و متدهای درونی انها در پروژه های mvc
  • ایجاد تمام کنترلرهای مورد نیاز سیستم هتلداری
  • تعریف کنترلر و متد پیشفرض پروژه 

 

جلسه ۱۱ : 

  • آموزش ساخت فرم ورود مدیر
  • آموزش ایجاد عملیات ورود مدیر
  • آموزش ایجاد قالب جدید برای پنل مدیریت
  • آموزش احراز هویت مدیر

 

جلسه ۱۲ : 

  • آموزش برنامه نویسی کتابخانه ی session ها
  • آموزش تنظیم session های جدید
  • آموزش کدنویسی گرافیک پنل مدیریت
  • آموزش ایجاد منو های مربوط به پنل مدیریت
  • آموزش ریدایرکت کردن بین صفحات در php

 

جلسه ۱۳ : 

  • آموزش نمایش تمام هتل ها در پنل مدیریت
  • آموزش ایجاد بخش مدیریت هتل ها ( حذف / ویرایش )
  • آموزش حذف یک هتل خاص از طریق مدیریت

 

جلسه ۱۴ : 

  • آموزش ایجاد بخش اضافه کردن هتل جدید
  • آموزش ایجاد فرم افزودن هتل جدید
  • آموزش ثبت اطلاعات هتل جدید در پایگاه داده توسط مدیر

 

جلسه ۱۵ : 

  • آموزش ایجاد فرم ویرایش یک هتل و نمایش اطلاعات قبلی هتل در فرم ویرایش
  • آموزش ثبت اطلاعات ویرایش شده یک هتل
  • آموزش ایجاد بخش مدیریت اتاق ها 
  • آموزش نمایش لیست تمام اتاق ها 
  • آموزش ساخت بخش و فرم اضافه کردن اتاق جدید
  • آموزش ایجاد فرم ویرایش اتاق موجود 

 

جلسه ۱۶ : 

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

 

جلسه ۱۷ : 

  • آموزش نمایش لیست تمام مشتریان در بخش مدیریت 
  • آموزش افزودن مشتری جدید به صورت دستی در مدیریت 
  • آموزش مدیریت مشتری ها در بخش پنل مدیریت

 

جلسه ۱۸ :

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

 

جلسه ۱۹ :

  • آموزش طراحی بخش رابط کاربری هتل
  • آموزش نمایش هتل های موجود برای مشتریان
  • آموزش نمایش جزئیات هر هتل در صفحه ی جدا
  • آموزش نمایش تعداد و نام اتاق های موجود برای هر هتل

 

جلسه ۲۰ :

  • آموزش فراخوانی اتاق های مخصوص هر هتل
  • آموزش ایجاد بخش رزرو اتاق
  • آموزش ثبت اطلاعات رزرو یک اتاق در پایگاه داده 

 

 

برای دیدن جزییات و دریافت کامل این دوره به لینک زیر بروید : 

.

 

 

دوره ی آموزش پروژه محور ساخت هتلداری با php mvc 

 

.


آموزش برنامه نویسی بصورت پروژه محور

کارگاه آموزش طراحی سایت با BULMA

کارگاه آموزش پروژه محور کار با فریمورک بولما ( bulma )

کارگاه آموزش ساخت سایت ریسپانسیو 

کارگاه آموزش ساخت سایت ریسپانسیو یا واکنشگرا با bulma

توضیحات و جزئیات دوره :

bulma یک فریمورک css بسیار ساده و پرکاربرد برای طراحی ظاهر وب سایت ها است و از آنجایی که bulma ابتدا موبایل و تبلت را مورد هدف خود قرار میدهد ، سایت های تولید شده با bulma به راحتی خوردن یک لیوان آب ، ریسپانسیو ( واکنش گرا ) خواهند بود و دیگر دغدغه ی ریسپانسیو سازی وب سایت را برای همیشه فراموش خواهید کرد . 

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

 

  • آموزش نصب و راه اندازی فریمورک Bulma بصورت کامل 
  • آموزش فعالسازی خاصیت ریسپانسیو سازی Bulma برای وب سایت شما 
  • آموزش راه اندازی قالب اصلی HTML برای کار با Bulma
  • آموزش کار با خاصیت ماژولار در Bulma 
  • آموزش کار با قابلیت های واکنش گرایی در Bulma
  • آموزش و تشریح رنگ ها در فریمورک Bulma
  • آموزش کلی syntax فریمورک Bulma
  • آموزش کار با helper ها در فریمورک Bulma
  • آموزش کار با helper های مختص واکنشگرایی در Bulma
  • آموزش کار با helper های مختص رنگ ها در Bulma
  • آموزش کار با helper های مختص تایپوگرافی ( نگارش ) در Bulma
  • آموزش کار با سطر و ستون ها در فریمورک Bulma
  • آموزش تنظیم و کار با سایز ستون ها در Bulma
  • آموزش کار با واکنشگرایی ستون ها در Bulma
  • آموزش کار با خاصیت نحوه ی نمایش ستون ها در کنار هم در Bulma
  • آموزش کار با کلاس container برای صفحه ی اصلی سایت 
  • آموزش کار با کلاس Level در Bulma
  • آموزش کار با کلاس media در Bulma
  • آموزش کار با کلاس hero در Bulma
  • آموزش کار با کلاس section در Bulma
  • آموزش کار با کلاس footer در Bulma و ساخت فوتر سایت 
  • آموزش کار با کلاس tile در Bulma
  • آموزش ساخت فرم با Bulma
  • آموزش کار با کلاس input برای فرم ها در Bulma
  • آموزش کار با کلاس textarea برای فرم ها در Bulma
  • آموزش کار با کلاس select برای فرم ها در Bulma
  • آموزش کار با کلاس checkbox برای فرم ها در Bulma 
  • آموزش کار با کلاس control و radio برای فرم ها در Bulma 
  • آموزش کار با کلاس file برای فرم ها در Bulma
  • آموزش کار با کلاس box 
  • آموزش کار با کلاس button
  • آموزش کار با کلاس content
  • آموزش کار با کلاس delete
  • آموزش کار با کلاس icon
  • آموزش کار با کلاس image
  • آموزش کار با کلاس notification
  • آموزش کار با کلاس progress
  • آموزش کار با کلاس table
  • آموزش کار با کلاس tag
  • آموزش کار با کلاس title
  • آموزش کار با کامپوننت breadcrumb
  • آموزش کار با کامپوننت card
  • آموزش کار با کامپوننت dropdown
  • آموزش کار با کامپوننت menu
  • آموزش کار با کامپوننت message
  • آموزش کار با کامپوننت modal
  • آموزش کار با کامپوننت navbar
  • آموزش کار با کامپوننت pagination
  • آموزش کار با کامپوننت panel
  • آموزش کار با کامپوننت tabs
  • آموزش اضافه کردن extention های مختلف bulma
  • آموزش کار با npm پکیج منیجر نود جی اس 
  • آموزش اضافه کردن theme های مختلف روی bulma
  • آموزش راه اندازی یک سایت ریسپانسیو و متریال دیزاین با Bulma

 

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

برای دریافت کامل این کارگاه روی لینک زیر کلیک کنید 

.

کارگاه آموزش طراحی سایت با BULMA برای ساخت سایت ریسپانسیو یا واکنشگرا 

 

.

 


آموزش برنامه نویسی بصورت پروژه محور

آخرین جستجو ها

فروشگاه زیباتون فیلم سریال98 خرید پارکت ارزان قیمت انباکس ایران مدرسه ی شاد من ادکلن بلک افغان دانلود رایگان آهنگ های خارجی با متن و ترجمه فارسی کارویس آموزش طراحی سایت