آموزش آکادمی توسعه دهنده وب Full Stack برای مبتدیان [ویدئو]

The Full Stack Web Developer Academy For Beginners [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: اگر یک توسعه دهنده وب مشتاق هستید یا کمی تجربه دارید، این تنها دوره ای است که به آن نیاز دارید! این دوره به گونه ای طراحی شده است که به شما یک سفر یادگیری ساختاریافته ارائه دهد و تمام مهارت هایی را که برای ساختن برنامه های تحت وب تمام پشته نیاز دارید را آموزش می دهد! ما با یک پس زمینه کوچک در HTML، چیستی و چگونگی پیدایش آن شروع می کنیم. سپس در یادگیری نحوه استفاده از HTML، یادگیری مواردی مانند راه اندازی یک پروژه HTML، ساختار HTML، سرفصل ها، عناصر Div و span، افزودن متن و پیوندها، قالب بندی متن، فهرست ها، تصاویر، عناصر معنایی و غیره به طور عمیق می پردازیم. روشن است و به سبک سازی با CSS ادامه خواهد داد. سپس پروژه را با یادگیری همه چیز در مورد طراحی واکنش گرا پیش می بریم تا وب سایت شما را در دستگاه های با اندازه های مختلف عالی جلوه دهیم. سپس وارد CSS Flexbox و CSS Grid شوید. پس از این، با فریم ورک Bootstrap 4 پاسخگو آشنا می شویم. بخش های بعدی همه چیز را در مورد جاوا اسکریپت، API و واکشی داده ها و بسیاری موارد دیگر به شما آموزش می دهد. ما همه چیز را با ساخت یک برنامه کامل پشته به نام "بیایید سفر کنیم!" این یک پروژه بزرگ است که یک پروژه رزرو هتل سرگرم کننده و در عین حال چالش برانگیز است. تمامی کدها و فایل های پشتیبانی این دوره در -https://github.com/PacktPublishing/The-Full-Stack-Web-Developer-Academy-For-Beginners موجود است. توسعه دهنده طیف گسترده ای از پروژه ها برای به کارگیری مهارت های جدید خود انواع زبان ها و چارچوب ها که ابزارهای ضروری برای توسعه دهندگان وب هستند دانش‌آموزان مهارت و توانایی ساختن قسمت جلویی و پشتی برنامه‌های وب را خواهند داشت وب سایت هایی بسازید که می توانند به API متصل شوند از پایگاه های داده برای ذخیره و بازیابی داده ها استفاده کنید افزودن حساب های کاربری و احراز هویت به برنامه ها این دوره برای هر کسی است که به دنبال ورود به دنیای ساخت وب سایت است. برای هر کسی که به دنبال طیف وسیعی از مهارت‌های توسعه است یا حتی اگر می‌خواهید بخش‌های مرتبط با نیازهای خود را انتخاب کنید، به‌عنوان مثال، تمرکز بر جلو/پشت، طراحی واکنش‌گرا، پایگاه‌های داده، و غیره. پشته توسعه وب در یک دوره * همه مفاهیم به وضوح توضیح داده شده و برای مبتدیان مناسب است، از اولین خط کد HTML شما تا پیشبرد پروژه های پیچیده تر تا تولید

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

خوش آمدید و بیایید شروع کنیم! Welcome and let's get started!

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

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

  • آنچه برای این دوره نیاز خواهید داشت What you will need for this course

  • آنچه برای این دوره نیاز خواهید داشت What you will need for this course

  • درک HTML Understanding HTML

  • درک HTML Understanding HTML

شروع HTML Beginning HTML

  • راه اندازی یک پروژه وب Setting up a web project

  • راه اندازی یک پروژه وب Setting up a web project

  • ساختار یک صفحه وب Structuring a web page

  • ساختار یک صفحه وب Structuring a web page

  • سرفصل های HTML HTML Headings

  • سرفصل های HTML HTML Headings

  • Div و span Div and span

  • Div و span Div and span

  • اضافه کردن پاراگراف و متن Adding paragraphs and text

  • اضافه کردن پاراگراف و متن Adding paragraphs and text

  • تاکید متن، اهمیت و قالب بندی Text emphasis, importance and formatting

  • تاکید متن، اهمیت و قالب بندی Text emphasis, importance and formatting

  • لیست های HTML HTML Lists

  • لیست های HTML HTML Lists

  • زمان تمرین: لیست های پروژه را ایجاد کنید Time to practice: Create the project lists

  • زمان تمرین: لیست های پروژه را ایجاد کنید Time to practice: Create the project lists

  • کار با تصاویر Working with images

  • کار با تصاویر Working with images

  • پیوندها Links

  • پیوندها Links

  • زمان تمرین: پیوند دادن به صفحات Time to practice: Linking to pages

  • زمان تمرین: پیوند دادن به صفحات Time to practice: Linking to pages

  • عناصر معنایی چیست؟ What are semantic elements?

  • عناصر معنایی چیست؟ What are semantic elements?

  • افزودن عناصر معنایی به پروژه ما Adding semantic elements into our project

  • افزودن عناصر معنایی به پروژه ما Adding semantic elements into our project

  • زمان تمرین: افزودن محصولات بیشتر Time to practice: Adding more products

  • زمان تمرین: افزودن محصولات بیشتر Time to practice: Adding more products

  • راه حل: افزودن محصولات بیشتر Solution: Adding more products

  • راه حل: افزودن محصولات بیشتر Solution: Adding more products

  • نظرات HTML HTML Comments

  • نظرات HTML HTML Comments

  • موجودیت ها و نمادهای HTML HTML entities and symbols

  • موجودیت ها و نمادهای HTML HTML entities and symbols

  • زمان تمرین: صفحه جزئیات محصول Time to practice: Product detail page

  • زمان تمرین: صفحه جزئیات محصول Time to practice: Product detail page

شروع HTML Beginning HTML

فرم ها، جداول و آی فریم ها Forms, Tables & iFrames

  • جداول HTML HTML Tables

  • جداول HTML HTML Tables

  • فرم های HTML HTML Forms

  • فرم های HTML HTML Forms

  • برچسب های فرم، نام و شناسه Form labels, name and id

  • برچسب های فرم، نام و شناسه Form labels, name and id

  • چک باکس ها و دکمه های رادیویی Checkboxes and radio buttons

  • چک باکس ها و دکمه های رادیویی Checkboxes and radio buttons

  • ورودی را انتخاب کنید Select input

  • ورودی را انتخاب کنید Select input

  • فهرست داده و ارسال Datalist & submit

  • فهرست داده و ارسال Datalist & submit

  • سایر عناصر فرم مفید Other useful form elements

  • سایر عناصر فرم مفید Other useful form elements

  • آی فریم ها Iframes

  • آی فریم ها Iframes

  • اضافه شدن نقشه های گوگل Adding Google maps

  • اضافه شدن نقشه های گوگل Adding Google maps

فرم ها، جداول و آی فریم ها Forms, Tables & iFrames

شروع CSS Beginning CSS

  • درک CSS Understanding CSS

  • درک CSS Understanding CSS

  • سبک های درون خطی و اضافه کردن رنگ Inline styles and adding color

  • سبک های درون خطی و اضافه کردن رنگ Inline styles and adding color

  • شیوه نامه های داخلی Internal stylesheets

  • شیوه نامه های داخلی Internal stylesheets

  • شیوه نامه های خارجی Exterrnal stylesheets

  • شیوه نامه های خارجی Exterrnal stylesheets

  • فونت ها Fonts

  • فونت ها Fonts

  • کلاس ها و شناسه ها Classes and id's

  • کلاس ها و شناسه ها Classes and id's

  • حاشیه و بالشتک Margin and padding

  • حاشیه و بالشتک Margin and padding

  • بلوک، بلوک درون خطی و درون خطی Block, inline and inline block

  • بلوک، بلوک درون خطی و درون خطی Block, inline and inline block

  • مدل های جعبه The box models

  • مدل های جعبه The box models

  • یک ظاهر طراحی لیست List styling

  • یک ظاهر طراحی لیست List styling

  • پیوندهای استایل و کلاس های psuedo Styling links and psuedo classes

  • پیوندهای استایل و کلاس های psuedo Styling links and psuedo classes

  • شناور و شفاف Float and clear

  • شناور و شفاف Float and clear

  • ویژگی موقعیت The position property

  • ویژگی موقعیت The position property

  • فرم ها و ورودی ها Styling forms and inputs

  • فرم ها و ورودی ها Styling forms and inputs

  • زمان تمرین - طراحی نهایی پروژه Time to practice-final project styling

  • زمان تمرین - طراحی نهایی پروژه Time to practice-final project styling

  • راه حل: طراحی نهایی پروژه Solution: final project styling

  • راه حل: طراحی نهایی پروژه Solution: final project styling

  • ویژگی و آبشار Specificity and the cascade

  • ویژگی و آبشار Specificity and the cascade

شروع CSS Beginning CSS

طراحی تعاملی Responsive Design

  • طراحی واکنشگرا چیست؟ What is responsive design?

  • طراحی واکنشگرا چیست؟ What is responsive design?

  • متا تگ viewport The viewport meta tag

  • متا تگ viewport The viewport meta tag

  • واحدهای مقیاس پذیر Scalable units

  • واحدهای مقیاس پذیر Scalable units

  • چیدمان سیال Fluid layout

  • چیدمان سیال Fluid layout

  • درک پرسش های رسانه ای Understanding media queries

  • درک پرسش های رسانه ای Understanding media queries

  • استایل اول موبایل Mobile first styling

  • استایل اول موبایل Mobile first styling

  • یک ظاهر طراحی برای دستگاه های متوسط Styling for medium devices

  • یک ظاهر طراحی برای دستگاه های متوسط Styling for medium devices

  • یک ظاهر طراحی برای دستگاه های بزرگ Styling for large devices

  • یک ظاهر طراحی برای دستگاه های بزرگ Styling for large devices

  • عکس و srcset Picture and srcset

  • عکس و srcset Picture and srcset

  • زمان تمرین: پاسخگویی را به پروژه اضافه کنید Time to practice: Add responsiveness to project

  • زمان تمرین: پاسخگویی را به پروژه اضافه کنید Time to practice: Add responsiveness to project

طراحی تعاملی Responsive Design

CSS: Flexbox & Grid CSS: Flexbox & Grid

  • فلکس باکس چیست؟ What is Flexbox?

  • فلکس باکس چیست؟ What is Flexbox?

  • جهت فلکس Flex direction

  • جهت فلکس Flex direction

  • Flex wrap و توجیه محتوا Flex wrap and justify content

  • Flex wrap و توجیه محتوا Flex wrap and justify content

  • موارد را تراز کنید Align items

  • موارد را تراز کنید Align items

  • تراز کردن محتوا Align content

  • تراز کردن محتوا Align content

  • کنترل اقلام کودک - سفارش Controlling child items- order

  • کنترل اقلام کودک - سفارش Controlling child items- order

  • کنترل اقلام کودک: رشد و کوچک شدن Controlling child items: grow and shrink

  • کنترل اقلام کودک: رشد و کوچک شدن Controlling child items: grow and shrink

  • کنترل اقلام کودک: هم ترازی Controlling child items: alignment

  • کنترل اقلام کودک: هم ترازی Controlling child items: alignment

  • زمان تمرین: Flexbox را در فروشگاه فناوری ادغام کنید Time to practice: Integrate Flexbox into Tech Store

  • زمان تمرین: Flexbox را در فروشگاه فناوری ادغام کنید Time to practice: Integrate Flexbox into Tech Store

  • CSS Grid چیست؟ What is the CSS Grid?

  • CSS Grid چیست؟ What is the CSS Grid?

  • ابتدا به شبکه نگاه کنید First look at the grid

  • ابتدا به شبکه نگاه کنید First look at the grid

  • شکاف های شبکه Grid gaps

  • شکاف های شبکه Grid gaps

  • تکرار آهنگ و واحد for Track repeating and the for unit

  • تکرار آهنگ و واحد for Track repeating and the for unit

  • حداقل و حداکثر اندازه آهنگ Min and max track sizes

  • حداقل و حداکثر اندازه آهنگ Min and max track sizes

  • شماره خطوط شبکه Grid line numbers

  • شماره خطوط شبکه Grid line numbers

  • نام خطوط شبکه Grid line names

  • نام خطوط شبکه Grid line names

  • مناطق الگوی شبکه Grid template areas

  • مناطق الگوی شبکه Grid template areas

  • شبکه های تودرتو Nesting grids

  • شبکه های تودرتو Nesting grids

  • هم ترازی Alignment

  • هم ترازی Alignment

  • زمان تمرین: طرح بندی آهنگ یاب Time to practice: Song Finder layout

  • زمان تمرین: طرح بندی آهنگ یاب Time to practice: Song Finder layout

CSS: Flexbox & Grid CSS: Flexbox & Grid

بوت استرپ 4 Bootstrap 4

  • بوت استرپ چیست؟ What is Bootstrap?

  • بوت استرپ چیست؟ What is Bootstrap?

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

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

  • ایجاد یک پروژه بوت استرپ Creating a Bootstrap project

  • ایجاد یک پروژه بوت استرپ Creating a Bootstrap project

  • شبکه بوت استرپ The Bootstrap grid

  • شبکه بوت استرپ The Bootstrap grid

  • افزودن عکس و متن Adding images and text

  • افزودن عکس و متن Adding images and text

  • نوارهای ناوبری بوت استرپ Bootstrap navbars

  • نوارهای ناوبری بوت استرپ Bootstrap navbars

  • چرخ فلک های بوت استرپ Bootstrap carousels

  • چرخ فلک های بوت استرپ Bootstrap carousels

  • اضافه کردن کنترل به چرخ فلک Adding controls to the carousel

  • اضافه کردن کنترل به چرخ فلک Adding controls to the carousel

  • مدال های بوت استرپ Bootstrap modals

  • مدال های بوت استرپ Bootstrap modals

  • فرم های بوت استرپ Bootstrap forms

  • فرم های بوت استرپ Bootstrap forms

  • ابزارهای بوت استرپ Bootstrap utilities

  • ابزارهای بوت استرپ Bootstrap utilities

بوت استرپ 4 Bootstrap 4

جاوا اسکریپت: مبانی و جریان کنترل Javascript: Basics and Control Flow

  • متغیرها، رشته ها و اعداد Variables, strings and numbers

  • متغیرها، رشته ها و اعداد Variables, strings and numbers

  • محاسبات و عملگرهای جاوا اسکریپت Javascript arithmetic and operators

  • محاسبات و عملگرهای جاوا اسکریپت Javascript arithmetic and operators

  • هشدار، اعلان و تایید Alert, prompt and confirm

  • هشدار، اعلان و تایید Alert, prompt and confirm

  • اگر/دیگر اظهارات و مقایسه If/else statements and comparison

  • اگر/دیگر اظهارات و مقایسه If/else statements and comparison

  • تودرتو عبارات if else Nesting if else statements

  • تودرتو عبارات if else Nesting if else statements

  • Else if و عملگرهای منطقی Else if and logical operators

  • Else if و عملگرهای منطقی Else if and logical operators

  • اپراتور سه تایی The ternary operator

  • اپراتور سه تایی The ternary operator

  • عبارات سوئیچ The switch statements

  • عبارات سوئیچ The switch statements

  • زمان تمرین: بازی اژدها کش Time to practice: The dragon slayer game

  • زمان تمرین: بازی اژدها کش Time to practice: The dragon slayer game

جاوا اسکریپت: مبانی و جریان کنترل Javascript: Basics and Control Flow

جاوا اسکریپت: دستکاری DOM، توابع و رویدادها Javascript: DOM Manipulation, functions and events

  • دستکاری DOM DOM Manipulation

  • دستکاری DOM DOM Manipulation

  • افزودن و حذف عناصر با جاوا اسکریپت Adding and removing elements with Javascript

  • افزودن و حذف عناصر با جاوا اسکریپت Adding and removing elements with Javascript

  • زمان تمرین افزودن عناصر با جاوا اسکریپت است Time to practice adding elements with Javascript

  • زمان تمرین افزودن عناصر با جاوا اسکریپت است Time to practice adding elements with Javascript

  • توابع جاوا اسکریپت Javascript functions

  • توابع جاوا اسکریپت Javascript functions

  • آرگومان های تابع Function arguments

  • آرگومان های تابع Function arguments

  • محدوده و بالا بردن Scope and hoisting

  • محدوده و بالا بردن Scope and hoisting

  • توابع پیکان Arrow functions

  • توابع پیکان Arrow functions

  • رویدادهای جاوا اسکریپت Javascript events

  • رویدادهای جاوا اسکریپت Javascript events

  • رویداد اشیاء دارد The event objects

  • رویداد اشیاء دارد The event objects

  • جاوا اسکریپت خارجی External Javascript

  • جاوا اسکریپت خارجی External Javascript

  • زمان تمرین تبدیل پیکسل به em Time to practice pixel to em converter

  • زمان تمرین تبدیل پیکسل به em Time to practice pixel to em converter

  • راه حل: تبدیل پیکسل به em Solution: pixel to em converter

  • راه حل: تبدیل پیکسل به em Solution: pixel to em converter

جاوا اسکریپت: دستکاری DOM، توابع و رویدادها Javascript: DOM Manipulation, functions and events

جاوا اسکریپت: حلقه ها، آرایه ها و اشیاء Javascript: Loops, Arrays and objects

  • آرایه های جاوا اسکریپت Javascript arrays

  • آرایه های جاوا اسکریپت Javascript arrays

  • روش های آرایه Array methods

  • روش های آرایه Array methods

  • حلقه زدن از طریق آرایه ها: forEach Looping through arrays: forEach

  • حلقه زدن از طریق آرایه ها: forEach Looping through arrays: forEach

  • حلقه زدن از طریق آرایه ها: نقشه Looping through arrays: map

  • حلقه زدن از طریق آرایه ها: نقشه Looping through arrays: map

  • زمان تمرین: آرایه ها Time to practice: Arrays

  • زمان تمرین: آرایه ها Time to practice: Arrays

  • راه حل - آرایه ها Solution- Arrays

  • راه حل - آرایه ها Solution- Arrays

  • برای حلقه For loop

  • برای حلقه For loop

  • در حالی که حلقه While loop

  • در حالی که حلقه While loop

  • اشیاء Objects

  • اشیاء Objects

  • حلقه زدن از میان اشیا Looping through objects

  • حلقه زدن از میان اشیا Looping through objects

  • تابع سازنده شی Object constructor function

  • تابع سازنده شی Object constructor function

جاوا اسکریپت: حلقه ها، آرایه ها و اشیاء Javascript: Loops, Arrays and objects

جاوا اسکریپت: بازی Shape Matcher و RegEx Javascript: Shape Matcher Game and RegEx

  • Const و اجازه دهید Const and let

  • Const و اجازه دهید Const and let

  • ایجاد یک شکل تصادفی Generating a random shape

  • ایجاد یک شکل تصادفی Generating a random shape

  • تکرار با setInterval Repeating with setInterval

  • تکرار با setInterval Repeating with setInterval

  • الفبای الگو Template literals

  • الفبای الگو Template literals

  • مقایسه اشیاء و امتیازدهی Comparing objects and scoring

  • مقایسه اشیاء و امتیازدهی Comparing objects and scoring

  • مقدمه ای بر عبارات منظم Introduction to regular expressions

  • مقدمه ای بر عبارات منظم Introduction to regular expressions

  • RegEx پیدا کردن و جایگزینی پروژه RegEx find and replace project

  • RegEx پیدا کردن و جایگزینی پروژه RegEx find and replace project

جاوا اسکریپت: بازی Shape Matcher و RegEx Javascript: Shape Matcher Game and RegEx

API، واکشی داده ها و وعده ها API'S, fetching data and promises

  • HTTP، درخواست و پاسخ HTTP, request and response

  • HTTP، درخواست و پاسخ HTTP, request and response

  • API چیست؟ What is an API?

  • API چیست؟ What is an API?

  • واکشی داده ها و رشته های پرس و جو Fetching data and query strings

  • واکشی داده ها و رشته های پرس و جو Fetching data and query strings

  • کد Async و وعده ها Async code and promises

  • کد Async و وعده ها Async code and promises

  • نقشه از طریق نتایج Map through results

  • نقشه از طریق نتایج Map through results

  • ایجاد عبارت جستجوی ما Creating our search query

  • ایجاد عبارت جستجوی ما Creating our search query

  • بهبود جستجوی ما Improving our search

  • بهبود جستجوی ما Improving our search

  • پیش نمایش های صوتی، ضبط و حباب Audio previews, capture and bubbling

  • پیش نمایش های صوتی، ضبط و حباب Audio previews, capture and bubbling

API، واکشی داده ها و وعده ها API'S, fetching data and promises

راه اندازی Node و Express Setting up Node and Express

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

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

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

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

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

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

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

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

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

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

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

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

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

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

راه اندازی Node و Express Setting up Node and Express

مسیریابی و قالب بندی Routing and templating

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

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

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

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

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

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

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

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

  • مخلوط ها Mixins

  • مخلوط ها Mixins

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

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

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

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

  • الگوی MVC MVC Pattern

  • الگوی MVC MVC Pattern

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

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

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

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

مسیریابی و قالب بندی Routing and templating

مونگو و منگوس Mongo and Mongoose

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • حذف سوابق Deleting records

  • حذف سوابق Deleting records

مونگو و منگوس Mongo and Mongoose

با برنامه ما یک ظاهر طراحی می کنیم و ادامه می دهیم Styling and pushing on with our app

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • بازیابی تصاویر ابر را تشکیل می دهد Retrieving images form the cloud

  • بازیابی تصاویر ابر را تشکیل می دهد Retrieving images form the cloud

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

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

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

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

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

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

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

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

با برنامه ما یک ظاهر طراحی می کنیم و ادامه می دهیم Styling and pushing on with our app

حساب های کاربری و احراز هویت User Accounts and Authentication

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

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

  • فرم ثبت نام Sign up form

  • فرم ثبت نام Sign up form

  • اعتبارسنجی ورودی کاربر و ارسال خطاها به الگو و پاکسازی Validating user input and Passing errors to the template and sanitizing

  • اعتبارسنجی ورودی کاربر و ارسال خطاها به الگو و پاکسازی Validating user input and Passing errors to the template and sanitizing

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

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

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

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

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

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

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

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

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

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

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

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

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

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

حساب های کاربری و احراز هویت User Accounts and Authentication

انجام رزرو و داشبورد کاربر Making bookings and the user dashboard

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

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

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

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

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

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

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

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

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

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

  • CSS نهایی Final CSS

  • CSS نهایی Final CSS

انجام رزرو و داشبورد کاربر Making bookings and the user dashboard

انتشار در سرور زنده Publishing to a live server

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

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

  • فشار دادن برنامه ما به Heroku Pushing our app to Heroku

  • فشار دادن برنامه ما به Heroku Pushing our app to Heroku

انتشار در سرور زنده Publishing to a live server

متشکرم Thank You

  • با تشکر و تبریک! Thank you and congratulations!

  • با تشکر و تبریک! Thank you and congratulations!

متشکرم Thank You

نمایش نظرات

آموزش آکادمی توسعه دهنده وب Full Stack برای مبتدیان [ویدئو]
جزییات دوره
24 h 0 m
198
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
Chris Dixon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Dixon Chris Dixon

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

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

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

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

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

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

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

کریس