آموزش توسعه وب Full Stack برای مبتدیان - قسمت 4: پروژه نهایی، Node، Express و MongoDB

Full Stack Web Development for Beginners- Part 4: Final Project, Node, Express & MongoDB

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

به توسعه وب Full Stack برای مبتدیان خوش آمدید!

این دوره طراحی شده است تا به مبتدیان هر آنچه را که برای ساختن وب‌سایت‌ها و برنامه‌های پشته کامل نیاز دارند، بیاموزد!

این قسمت چهارم این دوره آموزشی بزرگ است که همه چیز را در مورد Node، Express، Mongo، Mongoose، Routing، Templating، Authentication و استقرار به شما آموزش می دهد!

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

ما با Node و چارچوب Express شروع می کنیم که در آن یک برنامه رزرو سفر به نام let's travel راه اندازی می کنیم.

ما این پروژه را در طول دوره ایجاد خواهیم کرد تا همه چیزهایی که یاد می‌گیرید بلافاصله عملی شود.

Node و express واقعاً محبوب هستند و یادگیری این فناوری‌ها شما را در تقاضای بالایی قرار می‌دهد.

پس از این، به مسیریابی و قالب‌بندی می‌رویم.

این به ما امکان می‌دهد بین صفحات جابه‌جا شویم و در برنامه خود پیمایش کنیم، همراه با راه‌اندازی الگوهایی برای نمایش نه تنها محتوایی که ایجاد کرده‌ایم، بلکه همچنین داده‌ها را از پایگاه‌های داده نیز ارائه دهیم.

و پایگاه‌های داده همان چیزی است که بخش بعدی درباره آن است، جایی که به MongoDB و Mongoose نگاه می‌کنیم.

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

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

همچنین خواهید آموخت که چگونه به کاربران اجازه آپلود تصاویر را بدهید و چگونه می توانیم این تصاویر را از فضای ذخیره سازی ابری ذخیره و بازیابی کنیم.

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

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

ما برنامه خود را با اجازه دادن به کاربر برای ثبت سفارش و ذخیره در پایگاه داده به پایان می رسانیم.

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

 این دوره با نشان دادن چند نکته و توصیه‌های امنیتی برای آماده‌سازی برنامه‌تان برای تولید به پایان می‌رسد.

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

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

امیدوارم در بخش پایانی این دوره آموزشی در مورد جاوا اسکریپت، Node، Express، Mongo، حساب‌های کاربری و احراز هویت، مسیریابی، استقرار و موارد دیگر، هیجان‌زده شوید….

ما با پیشرفت در دوره ای به نام "بیایید سفر کنیم"، پروژه ای می سازیم.

من پیشنهاد می‌کنم سفارشی‌های خود را اضافه کنید و برنامه خود را به اشتراک بگذارید.

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

هنگامی که دوره را طی می‌کنید، برخی از ویژگی‌ها را نیز توصیه می‌کنم که می‌توانید خودتان نیز اضافه کنید.

بی‌صبرانه منتظر دیدن آنچه می‌سازید، فراموش نکنید که برای الهام بخشیدن به دیگران نیز به اشتراک بگذارید!


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

درس ها Lessons

  • رندر شرطی کاربر User conditional rendering

  • ساختار پروژه اکسپرس Express project structure

  • ثبت کاربران جدید Registering new users

  • فرم جستجوی هتل قسمت 1 Hotel search form part 1

  • ایجاد فرم آپلود هتل ما Creating our hotel upload form

  • به دوره خوش آمدید! Welcome to the course!

  • شروع کار با Mongo Getting started with Mongo

  • ارسال خطا به الگو و پاکسازی Passing errors to the template and sanitization

  • منطقه حساب کاربری User account area

  • کشورها مخلوط می شوند Countries mixin

  • وراثت الگو Template inheritance

  • ذخیره تصاویر در فضای ابری Saving images to the cloud

  • فشار دادن برنامه اکسپرس ما به Heroku Pushing our express app to Heroku

  • پارامترهای مسیر Route parameters

  • تشویق پروژه اسک Sk project encourage

  • نمای جزییات هتل Hotel detail view

  • خط لوله تجمع The aggregation pipeline

  • ارائه فایل های استاتیک Serving static files

  • مخلوط ها Mixins

  • آماده سازی برای تولید Preparing for production

  • من را در Skillshare دنبال کنید! Follow me on Skillshare!

  • بازیابی تصاویر از ابر Retrieving images from the cloud

  • کار با جلسات Working with sessions

  • چیزی که خواهیم ساخت What we will be building

  • مقدمه ای بر پاگ Introduction to Pug

  • یک ظاهر طراحی هدر - صفحه نمایش کوچک Styling the header- small screen

  • Promise.all و تخریب آرایه Promise.all and array destructuring

  • با استفاده از کنترلرها Using controllers

  • فشار دادن به پایگاه داده Pushing to the database

  • وب سرور استاتیک v پویا Static v dynamic web server

  • ارزش های متمایز Distinct values

  • خروج از سیستم Logging out

  • یک ظاهر طراحی صفحه نمایش بزرگ Large screen styling

  • صفحه تایید رزرو Booking confirmation page

  • ایجاد مدل کاربر Creating the user model

  • ورود به سیستم در Logging in

  • CSS نهایی Final CSS

  • اعتبار سنجی ورودی کاربر Validating User Input

  • رمزگذاری رمز عبور Password encryption

  • نمایش تمامی سفارشات Displaying all orders

  • به روز رسانی مهم: mLab اکنون بخشی از Mongo است Important Update: mLab now part of Mongo

  • الگوی MVC MVC Pattern

  • با استفاده از Nodemon Using Nodemon

  • فرم جستجوی هتل قسمت 2 Hotel search form part 2

  • زمان تمرین: ایجاد هدر Time to practice: Creating the header

  • مسیریابی اساسی Basic routing

  • مدل های مانگوس Mongoose models

  • سبک دادن به محتوا - صفحه نمایش کوچک Styling the content- small screen

  • به روز رسانی سوابق Updating records

  • حذف سوابق Deleting records

  • مدیریت آپلود فایل Handling file uploads

  • مدل سفارش The order model

  • جستجوی جزئیات هتل از Hotel detail search from

  • ارائه بازخورد کاربر با پیام های فلش Providing user feedback with flash messages

  • هتل ها بر اساس کشور Hotels by country

  • الگوی نتایج جستجو Search results template

  • متغیرهای محیطی Environment variables

  • محلی ها و رندر شرطی Locals and conditional rendering

  • Node & NPM چیست؟ What is Node & NPM?

  • قرار دادن سفارشات Placing orders

  • راه حل: ایجاد هدر Solution: Creating the header

  • فرم ثبت نام Sign Up Form

  • فرم ویرایش و حذف The edit and remove form

  • استفاده از میان افزار Using middleware

  • پرس و جو از پایگاه داده Querying the database

  • Express.js و مولد express Express.js and express generator

  • متشکرم Thank you

نمایش نظرات

آموزش توسعه وب Full Stack برای مبتدیان - قسمت 4: پروژه نهایی، Node، Express و MongoDB
جزییات دوره
10h 8m
67
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2,058
- از 5
دارد
دارد
دارد
Chris Dixon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Dixon Chris Dixon

توسعه دهنده وب و معلم آنلاین

سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.

زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.

دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.

انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.

من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.

از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.

کریس