Building a Reddit Clone with Twitter Bootstrap [Video]

Preview in Mapt

Code Files

Building a Reddit Clone with Twitter Bootstrap [Video]

Anto Aravinth

Thursday, March 29, 2018

New Release!

Design the look and feel of an Application

Quick links: > Table of contents > What will you learn?

Mapt Subscription

FREE

$29.99/m after trial

Video

$10.00

RRP $124.99

Save 91%

What do I get with a Mapt Pro subscription?

Unlimited access to all Packt’s 5,000+ eBooks and Videos
Early Access content, Progress Tracking, and Assessments
1 Free eBook or Video to download and keep every month after trial

What do I get with an eBook?

Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

What do I get with Print & eBook?

Get a paperback copy of the book delivered to you
Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

What do I get with a Video?

Download this Video course in MP4 format
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

$0.00

$10.00

$29.99 p/m after trial

RRP $124.99

Subscription

Video

Start 14 Day Trial

Frequently bought together

Building a Reddit Clone with Twitter Bootstrap [Video]

$ 124.99

$ 10.00

Building a Reddit Clone with Twitter Bootstrap [Video]

Mar 2018

1 hour and 32 minutes

$ 10.00

Build a Serverless App with AWS Lambda - Hands On! [Video]

$ 148.99

$ 10.00

Build a Serverless App with AWS Lambda - Hands On! [Video]

Apr 2018

7 hours and 8 minutes

$ 10.00

Buy 2 for $20.00
Save $253.98

Add to Cart

Video Details

ISBN 139781788296670

Course Length1 hour and 32 minutes

Video Description

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.

The code bundle for this video course is available at - https://github.com/PacktPublishing/Building-a-Reddit-Clone-with-Twitter-Bootstrap

Style and Approach

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

Building Up Reddit Home Page

The Course Overview

What We Are Going to Build?

Understanding Client Server Process

Mocking Reddit Response from File

Rendering List of Reddits in Home Page

AJAX Calls

What Are AJAX Calls?

Writing a Common util for AJAX Calls

Fetching Real Reddit data

Introduction to Promises (ES6)

Designing the Look and Feel of Application

Designing Layout in CSS from Scratch

Introduction to Twitter Bootstrap

Applying the Grid System to Our Reddit Clone

Testing the UI across Devices in Chrome Dev Tools

Updating DOM at Real-Time

Revisiting Events

Understanding Properties Required for Scroll Events

Abstracting Out the Scrolling Logic

General Introduction to MVC Architecture

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

Authors

Anto Aravinth

Anto Aravinth is a software engineer with a good knowledge in the development of web applications, primarily in JavaScript and Java/Grails. He is passionate about groovy, Java, Js, and React. He loves to work at start-ups. He can speak in terms of functional concepts such as closure, currying, and Monads. He is mostly into web development using Java and front-end technologies. He is an open source contributor to ReactJs, Groovy, and Selenium. He has authored Beginning Functional Programming in JavaScript. He was a technical reviewer for React Quickly.

Building Up Reddit Home Page

The Course Overview

What We Are Going to Build?

Understanding Client Server Process

Mocking Reddit Response from File

Rendering List of Reddits in Home Page

AJAX Calls

What Are AJAX Calls?

Writing a Common util for AJAX Calls

Fetching Real Reddit data

Introduction to Promises (ES6)

Designing the Look and Feel of Application