|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-full-featured-progressive-web-app/
课程评论：没有评论
课程名称：开发类似Twitter和Instagram的社交媒体应用（PWA） 概述：在这门生产级别的课程中，您将学习如何使用JavaScript、MySQL数据库和PHP进行后端编程，从零开始开发一个类似Twitter和Instagram的渐进式Web应用（PWA）。课程内容涵盖图标和logo的矢量化设计、布局设计，以及用户注册、登录、找回密码流程、上传个人头像、更新个人简介、发布图片、GIF和视频（使用FFMPEG），创建定制视频播放器、设置标签、生成链接、标记用户、设置推送通知等多项功能。 课程包含以下内容： 1. **创意与文案**：构思社交网络的创意、选择名称、标题、描述和口号，设计功能及草绘页面。 2. **注册与域名设置**：选择域名注册商、注册域名、购买主机套餐、设置SSL证书。 3. **服务器设置**：搭建XAMPP服务器、配置文本编辑器、优化CSS和JavaScript、以更智能的方式上传文件。 4. **设计图标与布局**：创建矢量化logo和图标，分析不同设备的布局设计，设计适合手机、平板、笔记本和桌面的社交网络布局。 5. **JavaScript库与数据库设置**：设置各类页面（如主页、通知页、设置页等），处理用户注册、登录和找回密码的MySQL数据库操作。 6. **高级编码与配置**：使用Ajax处理请求，设计个人资料页面，设定关注/取消关注、屏蔽/解除屏蔽等交互功能。 7. **VPS与FFMPEG设置**：购买VPS、创建项目、配置安全性、安装环境以及处理数据库备份。 8. **发布功能与视频播放器**：实现发布内容的功能，设置自定义视频播放器、获取社交媒体内容的时间和评论。 9. **推送通知与历史API**：设置推送通知、历史记录管理，确保用户体验流畅。 10. **应用程序安装与优化**：测试网站加载速度，设置Google搜索控制台和分析仪，确保网站的表现最佳。 注意：本课程强调禁止使用包含人类和动物的图片、GIF、视频以及带有音乐的音频和视频。课程不提供项目代码的共享，但必要的代码可在项目文件夹中找到。 此课程适合希望从零开始学习社交媒体应用开发的学生和开发者，通过实践项目掌握最新的前端和后端技术。
In this production level Javascript, mysql database & PHP for back-end programming course you'll learn developing the progressive web app (PWA) of a social network like Twitter & Instagram from scratch which includes vectorized logo & icons, layout design, sign up/sign in/forgot password process, uploading profile picture, updating bio, posting images, gifs & videos (FFMPEG), creating customized video player, hashtags, converting text into links, tagging users, setting up push notifications & much more.Idea & Copywriting-Having an Idea of a Social Network-Choosing Name-Choosing Title-Choosing Description-Choosing Slogans-Features of a Social Network-Sketching PagesRegistration of the Idea-Choosing a Domain Name Registrar-Registering a Domain Name-Buying a Hosting Package-Setting up SSL CertificateSetting up Server-Setting up XAMPP Server-Setting up Text Editor-Uglifying CSS & Javascript-Uploading Files Using Smarter WayVectorized Logo & Icons-Designing Vectorized Logo & IconsSetting up Htaccess-With or Without WWW-Setting up HtaccessAnalyzing the Layout for Different Devices-Designing the Social Network Layout for Mobiles -Designing the Social Network Layout for Tablets-Designing the Social Network Layout for Laptops-Designing the Social Network Layout for DesktopsDesigning the Layout & Elements for Different Devices-Header-Footer-Left Panel-Profile-Meow Poster-Posted Meow-Welcome Page-Sign Up Page-Sign In Page-Forgot Password Page-Notice Board & LoaderJavaScript Libraries-index-Splash Screen-Javascript-Sign Up Page Call Function-Sign In Page Call Function-Forgot Password Page Call FunctionSending Email on Sign Up, Sign In & Forgot Password-Sign Up Processing-MySQL Database-Setting Up Mailer-Creating An Email-Testing Sending Email-Sign In Processing-Forgot Password Processing-Hit Enter on Input Field to Proceed-Focus on Page LoadDesigning the Database & Advanced Coding 1-Ajax request, success & loader2-Setting up Home Page-Setting up Notifications Page-Setting up Settings Page-Setting up Discover Page-Setting up Profile Page-Three types of Pages-Home Button Call-Logo, Notification & Discover Buttons Call-Profile Button Call-Remaining Columns for "reg_users" Table-"meows" Table-"reports" & "pushnoti" Tables-Coding Profile Pic Upload-Coding Remove Profile Pic-Coding Updating Bio-Changing, Name, Username & Password-Coding Deactivation & LogoutProfile & Advanced Coding 2-Setting up catzby dot com/username-Setting up Counts & Activation Link Resend-Setting up Settings Button Call-Setting up Follow/Unfollow-Setting up Block/Unblock-Setting up Profile Report-Setting up "htmlspecialchars"-Setting up Click on Tagged Users (@user), Hashtags (#hashtag) & Links-Setting up "Loading Followers Page" & "Loading Followings Page"-Setting up Share Button-Setting up "Meow Poster" & "NSAM Poster" for Own & Visiting ProfilesSetting up VPS & FFMPEG-Backing Up-Buying A VPS-Creating A Project-Creating A Server-Generating Keys-Setting Up A SSH Client-Installing Apache, PHP, MySql-Securing MySql-Installing PHPMyAdmin-Changing PHPMyAdmin URL-Setting Root User Password For PHPMyAdmin-Accessing PHPMyAdmin & Importing Database-Installing Free SSL Certificate-Configuring Htaccess-Uploading Using SFTP-Configuring DNS Records-Edit emailll_sending.php-Redirecting Direct IP Access-Removing "STRICT_TRANS_TABLES"-Updating "upload_max_filesize"-Giving Access to "www-data"-Remvoving a PHPMyAdmin Error-Setting up FFMPEGPosting, Custom Video PLayer & Advanced Coding 3-Posted Meows Manually-Setting up Meow Page-Fetching a Posted Meow-Fetching a Posted Meow - Top Portion-Fetching a Posted Meow - Report Profile-Fetching a Posted Meow - Deleting a Meow-Fetching a Posted Meow - Display Time of Posting-Fetching a Posted Meow - Getting Image's Width & Height-Fetching a Posted Meow - Making a Customized Video Player-Fetching a Posted Meow - Liking a Meow-Fetching a Posted Meow - Forwarding a Meow-Fetching a Posted Meow - Loading Likes-Fetching a Posted Meow - Loading Meow's Comments-Loading Home Page's Meows-Loading Profile & Discover Pages' Meows-Loading Hashtagged Meows-Setting up Search Page-Loading Searched Meows-Loading Searched Catzbies-Searching Meows & Catzbies-Suggesting Users to Tag-Previewing a Video-Posting NSAM / Meow / Comment to a MeowPush Notifications & Advanced Coding 4-Setting up Notification Circle-Fetching Notifications-Setting up Push Notifications-Receiving Push Notifications-Setting up History API (Back Button)-History API Scroll Restoration-History API (Back Button Calling "logocall" Function)-Auto Load on Scroll Down-Setting up Success Page After Signing Up-Load Home Page on Sign In Success-Replace Pages After Signing In-Making Left & Right Panels Sticky-Loading All the Icons Before the Page Loads-Setting up Error Pages-Installing the Application on the Device-Minifying CSS & Javascript-Setting Headers in Htaccess-Testing the Site's Loading Speed-Setting up "about dot catzby dot com"-Setting up Google Search Console Access-Setting up Google AnalyticsDISCLAIMERIn this course/class, we teach how to process images/gifs/videos/audios. However, we condemn the use of images/gifs/videos of human beings & animals and audios/videos containing music.We do not promote the use of images/gifs/videos of human beings & animals and audios/videos containing music.Do not ask to share the code of the project. This class/course teaches how to code apps. This class/course is not for sharing the code. However, you can find the necessary code in the project folder.
