Building a Reddit Clone with Twitter Bootstrap

Building a Reddit Clone with Twitter Bootstrap

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 1h 32m | 365 MB

Design the look and feel of an Application

In this video course, you’ll be introduced to the language itself by building a simple Reddit clone. You’ll learn to use Bootstrap to design your application’s layout, but focus more on JavaScript. At the start, you’ll build up Reddit JavaScript based on an example.

Moving on, we show you how to use JavaScript by building a simple Reddit clone. Throughout the course, you’ll fetch the Reddit APIs via AJAX calls and show them in the UI using Twitter projects. This video course uses plain JavaScript without using any framework or library.

Toward the end of the video course, you’ll be introduced to Twitter Bootstrap, AJAX calls, MVC Architecture, and the Grid system. You’ll find out how to design the look and feel of the application. Finally, we’ll dive into building a Reddit home page.

An all-inclusive guide to building a reddit clone with Twitter Bootstrap

What You Will Learn

  • Mock Reddit’s response from a file
  • Explore the Client Server process
  • Look into AJAX calls
  • Design a layout in CSS from scratch
  • Design the look and feel of an application
Table of Contents

01 The Course Overview
02 What We Are Going to Build
03 Understanding Client Server Process
04 Mocking Reddit Response from File
05 Rendering List of Reddits in Home Page
06 What Are AJAX Calls
07 Writing a Common util for AJAX Calls
08 Fetching Real Reddit data
09 Introduction to Promises (ES6)
10 Designing Layout in CSS from Scratch
11 Introduction to Twitter Bootstrap
12 Applying the Grid System to Our Reddit Clone
13 Testing the UI across Devices in Chrome Dev Tools
14 Revisiting Events
15 Understanding Properties Required for Scroll Events
16 Abstracting Out the Scrolling Logic
17 General Introduction to MVC Architecture