Share E-Book
Scan to open this page

Scan with your phone to open this page

Author: Azat Mardan

Rating No ratings yet

Learn agile JavaScript web development using the latest cutting-edge front-end and back-end technologies including Node.js, MongoDB, Backbone.js, Parse.com, Heroku, and Microsoft Azure. Using a key project example of a message board app, you will learn the foundations of a typical web application: fetching data, displaying it, and submitting new data. Practical examples of the app build are provided with multiple technologies and all code examples are in full color. This book will save you many hours by providing a hand-picked and tested collection of quick start guides that will enable you to spend less time learning and more time building your own applications. Completely updated for this second edition, Full Stack JavaScript uses current versions of all technologies, including ES6/ES2015 and the latest versions of Node and npm. Prototype fast and ship code that matters! What You'll Learn • Use a collection of quick start guides, tutorials, and suggestions, to enhance several development apps • Review virtually all setup and deployment step-by-step. • Work with Chat web/mobile applications • Put front-end and back-end components together and deploy them to production environment Who This Book Is For Programmers who want to learn more about effective JavaScript coding

AI Reading Assistant

Whole-book reading guide from stratified index samples; jump to passages in the text

AI guide
# Full Stack JavaScript: Learn Backbone.js, Node.js, and MongoDB (Second Edition) ## 【One-Line Pitch】 A practical, project-driven guide for JavaScript developers who want to master the entire web stack—front-end, back-end, and database—using one language across the board. Ideal for programmers who learn best by building real applications and want to skip the theory-heavy textbooks in favor of tested quick-start recipes. ## 【Book Arc】 - **Opening (~0%–10%)**: Introduces the "why" of full stack JavaScript—code reuse, no context switching, and the power of npm—then lays out the book's hands-on philosophy of small, working examples over abstract theory. Sets expectations for the message board app that will serve as the recurring project. - **Early (~10%–23%)**: Covers JavaScript fundamentals with an eye toward full stack development: the web request cycle, HTTP/REST basics, and core JS concepts like arrays, objects, arrow functions, and inheritance patterns. Establishes the language foundation needed before touching any frameworks. - **Early (~23%–32%)**: Walks through complete local and cloud setup—development folders, browsers, IDEs, version control, local HTTP servers, MongoDB installation, Node.js, and browser libraries. Then moves to cloud infrastructure: SSH keys, GitHub, Microsoft Azure, and Heroku. - **Middle (~32%–48%)**: Dives into front-end prototyping with jQuery and Parse.com, covering cross-domain calls, AJAX parameters, JSONP, and building the first version of the message board app. Includes practical examples like a weather forecast app and a Parse-backed message board using REST API. - **Late (~48%–100%)**: Continues with Backbone.js fundamentals, Node.js back-end development, MongoDB integration, and deployment to production environments. The excerpts show the progression from simple jQuery prototypes to more structured Backbone.js applications and full deployment workflows. ## 【Key Takeaways】 - **Full stack JavaScript means one language everywhere** (Early): Using JavaScript for front-end, back-end, database, and even DevOps eliminates context switching and enables code sharing between browser and server. This is the core argument for why developers should invest in this stack. - **The web request cycle is the mental model you need** (Early): Understanding HTTP requests and responses, RESTful APIs, and how browsers communicate with servers is foundational. The book deliberately starts here because every framework and tool builds on this basic architecture. - **JavaScript objects are refreshingly simple** (Early): Creating objects with `{}` literals versus Java's class/interface/getter/setter ceremony shows why JavaScript enables rapid prototyping. The book emphasizes practical patterns like classical, pseudo-classical, and functional inheritance. - **Fat arrow functions change `this` behavior** (Early): Arrow functions preserve the outer scope's `this`, making them equivalent to using `.bind(this)` on regular functions. This matters when working with classes and inheritance, where `this` is used constantly. - **Setup is half the battle** (Early): The book provides step-by-step configuration for MongoDB (including `$PATH` setup and data directories), Node.js installation, and cloud services like GitHub, Azure, and Heroku. Getting this right upfront saves hours of debugging later. - **jQuery's `$.ajax()` is the workhorse for API calls** (Middle): Understanding parameters like `url`, `dataType`, `data`, `jsonpCallback`, and `type` (GET/POST) is essential. The `.fail()` chained method handles errors gracefully, and JSONP solves cross-domain issues when CORS isn't supported. - **Parse.com offers multiple integration approaches** (Middle): The book demonstrates both the JavaScript SDK and REST API approaches, showing how to build a message board with Parse's backend. This teaches the pattern of using Backend-as-a-Service for rapid prototyping. - **Less CSS preprocessor improves code reuse** (Middle): Mixins and operations in Less compile to standard CSS, enabling abstractions and math operations on colors, numbers, and variables. This is a practical front-end skill that pairs with JavaScript development. ## 【Reading Tips】 - **Skim the JavaScript fundamentals if you're experienced** (Early): Chapters covering arrays, objects, and functions are refreshers. Focus instead on the inheritance patterns and arrow function `this` behavior, which have full stack implications. - **Deep-read the setup chapters** (Early): MongoDB installation, SSH key configuration, and cloud service setup are the most likely places to get stuck. Follow along step-by-step rather than skimming—these details matter for later chapters. - **Build the message board app at each stage** (Middle): The recurring project appears in multiple forms (jQuery + Parse REST, Backbone.js, etc.). Building each version teaches how different front-end approaches solve the same problem differently. - **Pay attention to the AJAX parameter explanations** (Middle): The breakdown of `$.ajax()` parameters and JSONP vs. CORS trade-offs is practical knowledge you'll use daily. This is worth more than the specific Parse examples. - **Use the GitHub repository** (Early): All code examples are available at github.com/azat-co/fullstack-javascript. Download the code and experiment rather than typing everything manually—the book encourages this approach. ## 【Coverage Limits】 The excerpts primarily cover the opening through middle sections (setup, JavaScript basics, jQuery/Parse prototyping). Detailed coverage of Backbone.js internals, Node.js server code, MongoDB data modeling, and final deployment steps is mentioned but not fully represented in the available material. ##
Page 6
39 Local Setup 40 Development Folder 40 Browsers 42 IDEs and Text Editors 43 Version Control Systems 45 Local HTTP Servers 46 Database: MongoDB 47 Required C...
View in text
Excerpt 2
s had to use the appropriate version, but now just write <!DOCTYPE html> and modern browsers will understand your markup. Any HTML element can have attribute...
View in text
Excerpt 3
main MongoDB service). 48 Chapter 2 Setup Figure 2-5. Node.js home page that shows LTS and non-LTS versions Browser JavaScript Libraries Front-end JavaScript...
View in text
Excerpt 4
: <script src="parse-1.11.1.js"></script> Include our app.js file and the Bootstrap library (v4 or higher): <script type="text/javascript" src="app.js"></scr...
View in text
Excerpt 5
nction(){ this.$el.html(this.template({data: JSON. stringify(this.collection.models)})) } const Apples = Backbone.Collection.extend({ const appleView = Backb...
View in text
Excerpt 6
Parse JavaScript SDK. If you feel familiar enough with it, you could download the Super Simple Backbone Starter Kit at http://bit. ly/2LhjDE4. Integration wi...
View in text
Excerpt 7
nce the latest app.js file by adding an HTTP server. After you get the app.js and the modified app.js files working, you modify the app.js to add a server so...
View in text
Excerpt 8
together const uri = url.parse(request.url).pathname console.log('Processing URI: ', uri) if (uri == “ || uri == '/') uri = 'index.html' filename = path.join...
View in text
Tags
AI categories
JavaScriptBackendWeb Technology
ISBN: 148423717X
Publisher: Apress
Publish Year: 2018
Language: English
Pages: 315
File Format: PDF
File Size: 4.6 MB
Text Preview (First 20 pages)
Registered users can read the full content for free

Register as a Gaohf Library member to read the complete e-book online for free and enjoy a better reading experience.

Generating text preview…