Full Stack Development with MongoDB: Covers Backend, Frontend, APIs, and Mobile App Development using PHP, NodeJS, ExpressJS, Python and React Native

Cover Page
Title Page
Copyright Page
Dedication Page
About the Author
About the Reviewers
Acknowledgement
Preface
The four applications covered in this book
Errata
Table of Contents
1. Client and Server-Side Concepts and Introduction to MongoDB Drivers
    Structure
    Objectives
    Client and server-side concepts
    Client and server-side DB concepts
    Introduction to MongoDB drivers
    MongoDB drivers for programming languages (PHP, JavaScript, and Python)
    Conclusion
    Questions
2. Data Addition Using MongoDB Compass
    Structure
    Objectives
    About MongoDB Compass
    Launching MongoDB Compass and connecting to MongoDB server using MongoDB Compass
    Creating a MongoDB database and collection using MongoDB Compass
    Data addition using MongoDB Compass (creating some documents in our MongoDB collection)
    Conclusion
    Questions
3. Starting Up Programming with MongoDB and PHP
    Structure
    Objectives
    Using PHP with MongoDB
        Installing WAMP server on Windows operating system
        Installation steps
    Programming with PHP and MongoDB
        Starting MongoDB server from Windows service manager
        Example 1—connecting to MongoDB Server using PHP
        Code 1
        Example 2—fetching MongoDB Documents using PHP
        Code 1
    Conclusion
    Questions
4. Starting Up Programming with MongoDB and JavaScript (Node.js)
    Structure
    Objectives
    Using JavaScript (Node.js) with MongoDB
        Installing Node.js on Windows operating system
        Installation steps
        Step 2—install Node.js on your Windows machine.
        Step 3—post-installation steps and verifying Node.js on your Windows machine
        Step 4—installing the MongoDB driver for Node.js using NPM
    Connecting and working with Node.js and MongoDB
        Example 1—connecting to MongoDB server using Node.js
        Code 1
        Example 2—fetching MongoDB documents using Node.js
        Code 2
    Conclusion
    Questions
5. Starting Up Programming with MongoDB and React Native
    Structure
    Objectives
    Introduction to React Native
    Pre-development steps
        Step 1—check Node.js and NPM on your system
        Step 2—creating a project folder in your system
        Step 3—installing Android Studio 
        Step 4—installing Android SDK
        Step 5—setting up the environment variables
        Step 6—installing Expo CLI using NPM
        Step 7—creating our mobile App using Expo and Expo CLI
        Step 8—running our mobile App using Expo and Expo CLI
        Step 9—opening and viewing an app in mobile device using Expo app
        Step 10—opening and viewing app in Android Emulator
    Programming with React Native
        Example 1—changing the text in our mobile App
        Code 1
        Code 2
        Example 2—adding logo image in our mobile App
        Code 1
    A brief introduction to programming with React Native and MongoDB
    Conclusion
    Questions
6. Starting Up Programming with MongoDB and Python
    Structure
    Objectives
    Using Python with MongoDB
        Installing Python on Windows operating system
        Installation steps
            Step 1—download Python
            Step 2—install Python on your Windows Machine
            Step 3—post-installation steps and verifying Python on your Windows Machine
            Step 4—installing MongoDB driver for Python using Python Package Index (PyPI)
    Programming with Python and MongoDB
        Example 1—connecting to MongoDB server using Python
        Code 1
        Example 2—fetching MongoDB documents using Python
        Code 1
    Conclusion
    Questions
7. Full-Stack Development Using MongoDB
    Structure
    Objectives
    Introduction to full-stack development
        Frontend
        Frontend technologies and stack
            Native mobile apps
            Hybrid mobile apps
        Backend
        Back-end technologies and stack
        Full-stack
        Full-stack development and technologies
        Full-stack developer
    Conclusion 
    Questions
8. MongoDB Step by Step Practical Application Development Using PHP
    Structure
    Objectives
    Overview of our Web application developed using PHP and MongoDB
    Requirements
    Final application
    Pre-development steps
    Developing our application
        Code 1
        Code 1—our basic HTML structure
        Code 2—our header.php file
        Code 3—our footer.php file
        Code 1—our header.php file (updated)
        Code 1—our index.php file
        Code 1—our styles.css file
            Code 2—our scripts.js file
    Backend catalog dashboard
        Code 1—our index.php file
        Code 2—our styles.css file
    Adding new book functionality
        Code 1—our add-new-book.php file
        Code 2—our add-new-book.php file (updated)
        Code 1—our styles.css file (appended code)
        Code 2—our scripts.js file (updated code)
        Code 1—our add-new-book.php file (updated code)
        Code 2—our styles.css file (appended code)
        Code 3—our scripts.js file (updated code)
        Code 1—our add-new-book.php file (updated PHP code)
        Code 2—our add-new-book.php file (updated HTML code)
        Code 2—our styles.css file (appended CSS code)
    Listing of catalog functionality
        Code 1—finding all the documents from MongoDB collection (updated index.php file)
        Code 2—displaying the list of all the documents from MongoDB collection by using PHP foreach() construct (updated index.php file—HTML part)
        Code 3—our updated styles.css file (appended code)
    Deleting functionality 
        Code 1—delete code (index.php—no change)
        Code 1—delete book functionality (delete-book.php)
        Code 2—delete book functionality (index.php—small update for displaying an alert after the book is deleted successfully)
    Edit and update functionality
    Conclusion 
    Questions
9. MongoDB Step by Step Practical Application Development Using JavaScript (Node.js with Express.js)
    Structure
    Objectives
    RESTful Web services using Node.js and MongoDB—an overview
    Requirements
    Introduction to API
    RESTful APIs
    Pre-development steps
        Code 1—our index.js file
        Code 1—update package.json file
    Developing our APIs
        Code 1
        Code 1 (index.js updated)
        Code 1 (index.js updated)
        Code 1 (index.js updated)
        Code 2 (JSON body params to be used in Postman)
        Code 1 (index.js updated)
        Code 1 (index.js updated)
        Adding REST API endpoint to delete MongoDB document based on MongoDB document ID (REST DELETE method)
    Conclusion
    Questions
10. MongoDB Step by Step Practical Mobile App Development Using React Native
    Structure
    Objectives
    An overview of our mobile app developed using React Native and MongoDB
    Requirements
        Example 1—connecting to MongoDB via API
        Code 1
        Code 2
        Code 3—API fetch part—networking
        Code 3—style sheets
        Code 4—header section
        Code 5—book list section
        Code 6—return part of the app
    CORS
        Resolving the issue
        Change 1 in index.js—adding CORS module using require
        Change 2 in index.js—enabling CORS in “getAllBPBBooks” route
        Example 2—adding book pictures in the book list section of our mobile app
        Code 1 (updated App.js file) —CSS section (added some more CSS and changed the class names to “camelCase”)
        Code 2 (updated App.js File) —update in book list section and use of react native “FlatList” component instead of “.map” method
        Example 3—adding “Thumbs Up” and “Thumbs Down” in the book list section of our mobile app
        Code 1 (updated App.js file)—import FontAwesome from Vector Icons
        Code 2 (updated App.js File)—CSS section (added some more CSS for “Thumbs Up” and “Thumbs Down”)
        Code 3 (updated App.js file)—added “Thumbs Up” and “Thumbs Down” button components and functions
        Code 4 (updated App.js file)—book list section (added “Thumbs Up” and “Thumbs Down” button components)
        Example 4—adding database functionality to “Thumbs Up” and “Thumbs Down” of our mobile app 
        Change 1 in index.js—enabling CORS in “thumbsUPForBPBBook” route
        Change 2 in index.js—enabling CORS in “thumbsDOWNForBPBBook” route
        Code 3 (updated App.js file)—updated “Thumbs Up” and “Thumbs Down” button components, functions, and book list section
    Conclusion
    Questions
11. MongoDB Step by Step Practical Frontend Development Using Python
    Structure
    Objectives
    An overview of our frontend application developed using Python and MongoDB
    Requirements
        Installing Python’s Django framework on Windows operating system
        Installation steps
    HTML
    CSS
    HTML—for file “bpbAppBookDetailsIndex.html”
    CSS—for file “style.css”
    Conclusion
    Questions
Index