by Anto Aravinth | Publisher: Packt Publishing | Release Date: March 2018 | ISBN: 9781788296670

Design the look and feel of an ApplicationAbout This VideoLearn to render a list of Reddits in the home pageDive into abstracting out the scrolling logicGet to know the essentials of building up a Reddit home pageIn DetailIn 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

1. Chapter 1 : Building Up Reddit Home Page
   • The Course Overview 00:01:37
   • What We Are Going to Build? 00:03:34
   • Understanding Client Server Process 00:07:33
   • Mocking Reddit Response from File 00:06:59
   • Rendering List of Reddits in Home Page 00:03:54
2. Chapter 2 : AJAX Calls
   • What Are AJAX Calls? 00:04:36
   • Writing a Common util for AJAX Calls 00:08:03
   • Fetching Real Reddit data 00:07:16
   • Introduction to Promises (ES6) 00:09:27
3. Chapter 3 : Designing the Look and Feel of Application
   • Designing Layout in CSS from Scratch 00:03:38
   • Introduction to Twitter Bootstrap 00:04:53
   • Applying the Grid System to Our Reddit Clone 00:08:53
   • Testing the UI across Devices in Chrome Dev Tools 00:03:07
4. Chapter 4 : Updating DOM at Real-Time
   • Revisiting Events 00:02:55
   • Understanding Properties Required for Scroll Events 00:05:12
   • Abstracting Out the Scrolling Logic 00:07:15
   • General Introduction to MVC Architecture 00:03:36