مطالب پیشنهادی از سراسر وب

آموزش ایجاد YouTube Clone از ابتدا با جاوااسکریپت، PHP و MySQL

دسته بندی ها: آموزش های ویژه ، آموزش مای اس کیو ال (MySQL) ، آموزش جاوا اسکریپت (Javascript) ، آموزش های یودمی (Udemy) ، آموزش پی اچ پی (PHP) ، پایگاه داده ، آموزش طراحی وب

آنچه شما یاد خواهید گرفت:

  • برنامه نویسی با رویکرد شی گرا
  • مدیریت ارسال داده با PHP و درج در پایگاه داده های MySQL

پیش نیازها:

  • دانش پایه برنامه نویسی بسیار عالی است، اما مورد نیاز نیست
  • دانش برنامه نویسی شی گرا یک امتیاز است
  • هر کامپیوتری (ویندوز، مک یا لینوکس خوب است)

توضیحات دوره:

آیا می خواهید در JavaScript ، PHP و MySQL متخصص شوید؟ آیا می خواهید درست مانند YouTube یک سایت آپلود ویدئوی واقعی بسازید؟ اگر چنین است، شما در جای مناسبی هستید! این دوره شما را قدم به قدم در ایجاد کلون YouTube از ابتدا راهنمایی می کند. این دوره به شما به صورت گام به گام مباحث زیر را توضیح می دهد:

  • آپلود فیلم
  • تولید video thumbnail
  • تبدیل ویدئوی سمت سرور
  • full video player
  • likes + dislikes در ویدئوها
  • سیستم کاملاً کامنت گذاری با likes / dislikes، پاسخ ها و غیره
  • ویرایش جزئیات ویدئو
  • ایجاد حساب
  • و غیره!

خواه شما یک فرد مبتدی  یا یک برنامه نویس با تجربه هستید ، این دوره در هر صورت برای شما بسیار سودمند خواهد بود.

چرا باید این دوره را بگذرانم؟

در دنیای برنامه نویسی، اغلب 4 مورد از بزرگان شامل گوگل، مایکروسافت، فیس بوک و آمازون می شوند. برای به دست آوردن شغل در هر یک از این شرکت ها ، کاملاً باید ملزومات آن را بدانید: HTML ، CSS ، PHP ، JQuery ، JavaScript و MySQL. اگر این دوره را بگذرانید، هیچ نگرانی برای شما دیگر نخواهد بود زیرا ما از همه این مهارت ها بطور گسترده استفاده می کنیم!

نمونه کار پروژه:

سایتی که شما در این دوره ایجاد می کنید می تواند جزئی از نمونه کارهای شما باشد چرا که هر کارفرمای بالقوه ای که آن را در زرومه شما مشاهده کند می خواهد درباره آن بیشتر بداند. چرا؟ زیرا می دانند چنین پروژه ای مستلزم داشتن مهارت های متنوعی است که مورد نیاز آنها است.

این دوره برای چه کسی مناسب است؟

  • افرادی که علاقه مند به برنامه نویسی front end هستند
  • هر کسی که می خواهد یک کلون یوتیوب درست کند!

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

  • مقدمه
    • دموی سایت (همانطور که در صفحه اصلی دوره می بینید)
    • نصب text editor و local server
    • ایجاد صفحه ایندکس
    • افزودن محتوای واقعی به صفحه ایندکس
  • نوارهای ناوبری
    • استایل دادن به نوار ناوبری بالا
    • استایل دادن به نوار ناوبری کناری
    • استایل دادن به کانتینر اصلی
    • ایجاد فایل جاوااسکریپت
    • نمایش و پنهان سازی نوار ناوبری سمت چپ
    • آیکون منو - نحوه دریافت بیش از 70,000 آیکون رایگان
    • لوگوی سایت
    • ایجاد نوار جستجو
    • استایل دادن به نوار جستجو
    • آپلود کردن و دکمه های پروفایل
    • حرکت کد نوار ناوبری به فایل دیگر
  • فرم آپلود ویدئو
    • ایجاد عنصر ستون
    • ایجاد ورودی فایل
    • ایجاد ورودی های عنوان و توضیحات
    • ایجاد ورودی خصوصی
    • ایجاد جدول دسته بندی های MySQL 
    • اتصال به پایگاه داده با PHP
    • بازیابی دسته بندی ها از جدول
    • بررسی Class constructors
    • ایجاد dropdown دسته بندی ها
    • ایجاد دکمه به روزرسانی
  • آپلود کردن ویدئو
    • ایجاد صفحه فرآیند
    • کلاس داده آپلود ویدئو
    • فراخوانی تابع آپلود
    • مسیر فایل موقتی برای ویدئو
    • بررسی نوع تایپ ویدئو آپلود شده
    • حرکت ویدئو به لوکیشن موقتی
    • ایجاد مسیر نهایی فایل
    • داده های فیلم را در جدول وارد کنید
    • نصب FFmpeg
    • نسخه ی نمایشی FFmpeg (فقط تماشا کنید)
    • تبدیل فیلم به سمت سرور MP4
    • راه اندازی مجدد Xampp بعد از تغییر php.ini
    • سعی در تبدیل ویدئو + BUG FIX FOR MACS
    • حذف فایل ویدئوی اصلی
    • ایجاد جدول thumbnails ویدئو
    • دریافت طول مدت ویدئو
    • فرمت رشته طول مدت ویدئو
    • درج طول مدت فرمت شده در جدول
    • تولید تصاویر thumbnail 
    • نمایش یک اسپینر بارگذاری در آپلود
  • ثبت نام کاربر
    • ایجاد ساختار صفحه ثبت نام
    • استایل page foundation
    • استایل form header
    • افزودن ورودی های فرم
    • استایل ورودی های فرم
    • استایل پیام ورود به سیستم
    • ایجاد فرم ورود به سیستم
    • تست ارسال فرم
    • معرفی sanitize کردن داده فرم
    • Form sanitizer class
    • اتمام توابع sanitizing 
    • ایجاد کلاس Account
    • شروع توابع اعتبار سنجی ما
    • Output کردن پیام های خطا
    • اعتبارسنجی نام خانوادگی
    • اعتبارسنجی نام کاربری
    • ایجاد جدول کاربران
    • اعتبارسنجی آدرس ایمیل
    • اعتبار سنجی رمز عبور
    • چه کاری باید انجام شود وقتی داده معتبر است
    • به یاد آوردن آخرین مقادیر وارد شده
    • هش کردن رمز عبور
    • داده های کاربر را در جدول وارد کنید
    • متغیر session را تنظیم کنید
    • به خاطر سپردن نام کاربری وارد شده
    • بررسی اینکه فرم ورود به سیستم ارسال شده است یا خیر
    • ورود به سیستم
  • Video player
    • ایجاد کلاس کاربر
    • ایجاد توابع کلاس کاربر
    • افزودن نام کاربری برای آپلود
    • گرفتن شناسه ویدئو از طریق آدرس اینترنتی
    • ایجاد کلاس ویدئو
    • ایجاد توابع کلاس ویدئو
    • افزایش تعداد مشاهده برای ویدئو
    • خروجی پخش کننده ویدئو
    • تنظیم سایز پخش کننده ویدئو
  • لایک کردن و dislike کردن ویدئوها
    • کلاس بخش اطلاعات ویدئویی
    • بخش اطلاعات ویدئویی
    • ایجاد کلاس کنترل اطلاعات ویدئویی
    • ایجاد کلاس ارائه دهنده دکمه
    • مقادیر  ارائه دهنده دکمه لایک
    • ایجاد جدول لایک
    • فایل جاوااسکریپت اکشن های ویدئو پلیر
    • معرفی فراخوانی های ajax 
    • انتقال داده در درخواست آژاکس
    • فراخوانی تابع لایک
    • درج لایک ویدئو
    • لغو لایک
    • افزودن کلاس active به دکمه
    • بازگشت داده JSON  از تابع لایک
    • به روزرسانی شماره دکمه لایک
    • تنظیم تصویر دکمه like
    • تابع Dislike 
    • استایل دکمه لایک
    • هشدار هنوز شما وارد سیستم نشده اید
  • انتخاب جزئیات ویدئو
    • دکمه نمایه کاربر
    • قالب بندی تاریخ آپلود
    • ویرایش دکمه ویدئو
    • ایجاد جدول مشترکین
    • ایجاد دکمه اشتراک
    • طراحی اطلاعات ثانویه
    • استایل دکمه اشتراک
    • عملکرد اشتراک
    • وارد کردن مقادیر به تابع اشتراک
    • اشتراک و لغو اشتراک
    • به روزرسانی متن دکمه اشتراک
  • بخش کامنت گذاری
    • ایجاد جدول کامنت ها
    • دریافت تعداد کامنت های ویدئویی
    • ایجاد فرم کامنت
    • استایل فرم کامنتدادن
    • تابع ارسال کامنت
    • ارسال نظر - درخواست ajax 
    • درج کامنت
    • ایجاد کلاس کامنت
    • نمایش کامنت های تازه
    • ایجاد کلاس کنترل های کامنت
    • ایجاد دکمه های لایک و dislike کامنت
    • Output کردن دکمه های لایک و dislike کامنت
    • ایجاد بخش پاسخ به کامنت
    • استایل کامنت
    • اتمام استایل کامنت
    • زمان سنجی کامنت
    • نمایش عنصر بخش پاسخ ها
    • نمایش و پنهان سازی فرم پاسخ کامنت
    • ایجاد لایک کامنت - درخواست ajax 
    • درج لایک کامنت
    • لایک کامنت - پاسخ ajax
    • dislike کردن کامنت
    • نمایش کامنت های موجود
    • دریافت پاسخ های کامنت
    • ایندنت کردن پاسخ های کامنت
  • ویدئوهای پیشنهادی
    • ایجاد کلاس شبکه ویدئویی
    • ایجاد کلاس آیتم شبکه ویدئویی
    • تست خروجی آیتم شبکه ویدئویی
    • Output کردن تصویر thumbnail ویدئو
    • استایل دادن به thumbnail ویدئو
    • Output کردن جزئیات ویدئو
    • برش دادن توضیحات در صورت نیاز
    • استایل دادن به جزئیات ویدئو
  • نمایش ویدئوها در صفحه اصلی
    • افزودن تایتل به شبکه ویدئویی
    • ایجاد کلاس ارائه دهنده ویدئوهای اشتراک
    • دریافت ویدئوهای subscriber
    • Output کردن subscriber videos
    • جستجوی صفحه نتایج
    • جستجوی پارامترهای صفحه
    • دریافت نتایج جستجو
    • Output کردن نتایج جستجو
    • تنظیم نتایج جستجو
    • استایل صفحه جستجو
  • منو ناوبری
    • نمایش دکمه ورود به سیستم اگر کاربر خارج از سیستم باشد
    • Output کردن لینک های نوار ناوبری
    • استایل دادن به آیتم های نوار ناوبری
    • نمایش لیست اشتراکات در نوار ناوبری
    • ترند کردن videos provider
    • ترند کردن videos page
    • صفحه اشتراک ها
    • لایک کردن صفحه ویدئو
    • صفحه خروج از سیستم
  • صفحه پروفایل
    • ایجاد صفحه پروفایل
    • ایجاد کلاس داده پروفایل
    • بررسی اینکه کاربر وجود دارد یا خیر
    • گرفتن عکس کاور
    • Output کردن عکس کاور
    • بخش اطلاعات کاربر
    • استایل دادن بخش اطلاعات کاربر
    • نمایش دکمه اشتراک در پروفایل
    • دکمه اشتراک پروفایل
    • افزودن تب های Bootstrap
    • نمایش ویدئوهای کاربر
    • استایل دادن به تب ها
    • درباره محتوای تب
    • دریافت شمارش نمایش ویدئو کلی
    • Output کردن تاریخ ثبت نام کاربر
  • صفحه تنظیمات
    • ایجاد صفحه تنظیمات
    • ایجاد فرم جزئیات کاربر
    • ایجاد فرم رمز عبور
    • افزودن مقادیر به باکس های متنی
    • اعتبارسنجی به جزئیات کاربر
    • به روزرسانی جزئیات کاربر
    • به روزرسانی رمزعبور
  • ویرایش ویدئو
    • ویرایش صفحه ویدئو
    • دریافت thumbnails ویدئو
    • Output کردن thumbnails ویدئو
    • استایل دادن به  قسمت بالا
    • به روزرسانی thumbnail انتخاب شده
    • به روزرسانی صفحه با thumbnail جدید انتخابی
    • ایجاد فرم ویدئو ویرایش
    • ویرایش کنترل کننده فرم ویدئو
    • جزئیات ویدئو را به روز می کنید

ایجاد جدول دیدگاه ها

 

ایجاد صفحه پروفایل

 

صفحه ویرایش ویدیو

 

چک کردن سایز ویدئوی آپلود شده

 

ایجاد جدول دسته بندی ها در MYSQL

 

ایجاد فرم ویرایش ویدئو

 

تبدیل ویدئو به MP4 در سمت سرور

 

تولید عکس های thumbnail

 

آیا این نوشته را دوست داشتید؟
Udemy Make a YouTube Clone from Scratch: JavaScript PHP and MySQL Publisher:Udemy Author:Reece Kenney Duration:18:32:38

What you'll learn:

  • Program with an object oriented approach
  • Handle data submissions using PHP and insert into MySQL databases

Requirements:

  • A basic programming knowledge is great, but not needed
  • Basic object oriented programming knowledge is a bonus
  • Any computer (Windows, Mac or Linux is fine)


Description:

Do you want to become an expert in JavaScript, PHP and MySQL? Do you want to build a real video upload site just like YouTube? If so, you’re in the right place! This course will guide you step by step in creating your own YouTube clone COMPLETELY from scratch. We’re talking the kind of website that will amaze anybody that sees it. The kind of website that will get you hired in no time!


Why let me teach you?

I work as a Software Engineer at Microsoft where I build products used by millions of people all over the world! I want to take the skills I’ve gained through years of working with some of the best developers in the world and transfer them directly to you! I’ve taught thousands of students here on Udemy and created some of the most popular development courses on Udemy! Okay so what’s the course about? I will personally guide you, step by step, in creating your own video upload site just like YouTube complete with:

  • video upload
  • video thumbnail generation
  • server side video conversion
  • full video player
  • likes + dislikes on videos
  • full comment system with likes/dislikes, replies etc.
  • video details editing
  • account creation
  • and much more!

Whether you are a complete beginner* or an experienced programmer, this course will be massively beneficial to you.


Why should I take the course?

In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials: HTML, CSS, PHP, JQuery, JavaScript and MySQL. If you take this course, you will have nothing to worry about because we use all of these skills extensively!


Project portfolio:

The site you create in this course will be the highlight of your project portfolio! Any potential employer who see's this project on your resume will want to hear all about it. The reason? They know that a project like this means you're familiar with the wide range of technical skills they need their employees to know. Fun! Finally, this project is a lot of fun and I know you'll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for?

Who this course is for:

  • People who are interested in front end programming
  • Anyone who wants to make a YouTube clone!

Course content:

  • Introduction
    • Site demo (as seen on course home page)
    • Installing a text editor and local server
    • Creating our index page
    • Adding real content to our index page
  • Navigation bars
    • Styling the top navigation bar
    • Styling the side navigation bar
    • Styling the main container
    • Creating our JavaScript file
    • Showing and hiding the left nav bar
    • Menu icon - How to get 70,000+ FREE icons
    • Site logo
    • Creating the search bar
    • Styling the search bar
    • Upload and profile buttons
    • Moving the nav bar code to another file
  • Video upload form
    • Creating the column element
    • Creating the file input
    • Creating the title and description inputs
    • Creating the privacy input
    • Creating the categories MySQL table
    • Connecting to our database with PHP
    • Retrieving the categories from the table
    • Class constructors
    • Creating the categories dropdown
    • Creating the upload button
  • Uploading videos
    • Creating the processing page
    • Video upload data class
    • Calling the upload function
    • Temporary file path for the video
    • Checking the size of the uploaded video
    • Checking the file type of the uploaded video
    • Moving the video to a temporary location
    • Creating the final file path
    • Inserting the video data into the table
    • Installing FFmpeg
    • FFmpeg demo (just watch)
    • Converting the video to MP4 server side
    • Restart Xampp after changing php.ini
    • Trying out the video conversion + BUG FIX FOR MACS
    • Deleting the original video file
    • Creating the video thumbnails table
    • Getting the video duration
    • Formatting the video duration string
    • Inserting the formatted duration to the table
    • Generating the thumbnail images
    • Showing a loading spinner on upload
  • User sign up
    • Creating the sign up page structure
    • Styling the page foundation
    • Styling the form header
    • Adding our form inputs
    • Styling the form inputs
    • Styling the sign in message
    • Creating the sign in form
    • Testing the form submission
    • Into to sanitizing form data
    • Form sanitizer class
    • Finishing the sanitizing functions
    • Creating the Account class
    • Starting our validation functions
    • Outputting error messages
    • Validating the last name
    • Validating the username
    • Creating the users table
    • Validating the email address
    • Validating the password
    • What to do when data is valid
    • Remembering last entered values
    • Password hashing
    • Inserting the user's data into the table
    • Setting the session variable
    • Remembering the entered username
    • Checking if the login form was submitted
    • Logging in
  • Video player
    • Creating the User class
    • Creating the User class functions
    • Adding username to upload
    • Taking the video ID from the url
    • Creating the Video class
    • Creating the Video class functions
    • Increasing the view count for the video
    • Outputting the video player
    • Setting the size of the video player
  • Liking and disliking videos
    • Video info section class
    • Styling the video info section
    • Creating the video info controls class
    • Creating the button provider class
    • Like button provider values
    • Creating the likes table
    • Video player actions JS file
    • Introduction to ajax calls
    • Passing data in the ajax request
    • Calling the like function
    • Inserting a video like
    • Undoing your like
    • Adding the "active" class to the button
    • Returning JSON data from like function
    • Updating the like button number
    • Setting the image of the like button
    • Dislike functionality
    • Styling the like buttons
    • Not signed in alert
  • Video details section
    • User profile button
    • Formatting the upload date
    • Edit video button
    • Creating the subscribers table
    • Creating the subscribe button
    • Styling the secondary info
    • Styling the subscribe button
    • Subscribe function
    • Passing values into the subscribe function
    • Subscribing and unsubscribing
    • Updating the text of the subscribe button
  • Comment section
    • Creating the comments table
    • Getting the number of video comments
    • Creating the comment form
    • Styling the comment form
    • Post comment function
    • Post comment ajax request
    • Inserting the comment
    • Creating the comment class
    • Showing the newly posted comment
    • Creating the comment controls class
    • Creating the comment like and dislike buttons
    • Outputting the comment like and dislike buttons
    • Creating the comment reply section
    • Styling the comment
    • Finishing the comment styling
    • Comment timestamp
    • View replies section element
    • Showing and hiding the comment reply form
    • Creating the like comment ajax request
    • Inserting the comment like
    • Like comment ajax response
    • Disliking comments
    • Showing the existing comments
    • Getting comment replies
    • Indenting the comment replies
  • Suggested videos
    • Creating the video grid class
    • Creating the video grid item class
    • Testing the video grid item output
    • Outputting the video thumbnail image
    • Styling the video thumbnails
    • Outputting the video details
    • Trimming the description if needed
    • Styling the video details
  • Displaying videos on the home page
    • Adding a title to the video grid
    • Creating the subscription videos provider class
    • Get subscriber videos
    • Outputting the subscriber videos
    • +Search results page
    • Search page parameters
    • Getting the search results
    • Outputting the search results
    • Ordering search results
    • Styling the search page
  • Navigation menu
    • Showing a sign in button if the user isn't signed in
    • Outputting the navigation bar links
    • Styling the navigation bar items
    • Showing a list of subscriptions in the navigation bar
    • Trending videos provider
    • Trending videos page
    • Subscriptions page
    • Liked videos page
    • Logout page
  • Profile page
    • Creating the profile page
    • Creating the profile data class
    • Checking if the user exists
    • Getting the cover photo
    • Outputting the cover photo
    • User info section
    • Styling the user info section
    • Showing the subscribe button on the profile
    • Styling the profile subscribe button
    • Adding Bootstrap tabs
    • Showing the user's videos
    • Styling the tabs
    • About tab content
    • Getting the user's total video view count
    • Outputting the user sign up date
  • Settings page
    • Creating the settings page
    • Creating the user details form
    • Creating the password form
    • Adding values to the text boxes
    • Validating the user's details
    • Updating the user's details
    • Updating the password
  • Edit video
    • Edit video page
    • Getting the video thumbnails
    • Outputting the video thumbnails
    • Styling the top section
    • Updating the selected thumbnail
    • Updating page with newly selected thumbnail
    • Creating the edit video form
    • Edit video form handler
    • Updating the video details

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 33.27GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 8000 تومان
  • آموزش ایجاد YouTube Clone از ابتدا با جاوااسکریپت، PHP و MySQL یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر