FULL STACK WEB DEVELOPMENT GUIDE

TABLE OF CONTENTS
CHAPTER ONE
INTRODUCTION
    WHAT IS FULL STACK WEB DEVELOPMENT?
    LAYERS OF FULL STACK DEVELOPMENT
    WHO IS A FULL STACK WEB DEVELOPER?
    WHY ARE FULL-STACK WEB DEVELOPERS IN HIGH DEMAND AT PRESENT?
    HOW TO BECOME A FULL STACK WEB DEVELOPER?
    BASIC DATA STRUCTURES AND ALGORITHMS
    CONCEPTS OF THE WEB EVERY DEVELOPER NEEDS TO KNOW
    UNDERSTANDING THE TYPES OF WEB
    UNDERSTANDING WEB DEVELOPMENT
    A WEB DESIGNER AND A WEB DEVELOPER
    TYPES OF WEB DEVELOPERS
    UNDERSTANDING WEB TECHNOLOGY STACKS
    FRONT-END, CLIENT-SIDE TECHNOLOGY STACK
    BACK-END, SERVER-SIDE TECHNOLOGY STACK
CHAPTER TWO
WEB DEVELOPMENT FUNDAMENTALS
    UNDERSTAND HOW WEBSITES WORK AND HOW HTML, CSS, AND JAVASCRIPT CONTRIBUTE
    UNDERSTAND HOW THE INTERNET WORKS
    START CODING WITH HTML, CSS, AND JAVASCRIPT
    LEARN AND UNDERSTAND GIT, GITHUB, AND VERSION CONTROL
    LEARN THE UNIX COMMAND LINE TO BECOME A POWER USER AND WRITE BASH COMMANDS
    LEARN KEY TROUBLESHOOTING AND DEBUGGING SKILLS TO APPLY TO YOUR PROJECTS
CHAPTER THREE
FRONT-END DEVELOPMENT
    HTML IS THE STANDARD MARK-UP LANGUAGE FOR CREATING A WEB PAGE
    A SIMPLE HTML DOCUMENT
    UNDERSTANDING BASIC SOFTWARE TOOLS NEEDED
    LEARN THE ANATOMY OF HTML SYNTAX TO STRUCTURE YOUR WEBSITES
    HTML APIs
    UNDERSTAND THE HTML BOILERPLATE AND HTML DOCTYPES
    THE DOCTYPE IN HTML
    THE HTML ROOT ELEMENT
    HOW TO STRUCTURE TEXT IN HTML
    HOW TO STRUCTURE HTML LISTS TO CREATE UNORDERED AND ORDERED LISTS
    HOW TO INSERT IMAGES USING HTML
    HOW TO CREATE HYPERLINKS USING ANCHOR TAGS
    UNDERSTAND HOW TO USE HTML TABLES FOR CONTENT
    HOW TO USE TABLES FOR LAYOUT
    LEARN HTML BEST PRACTICES
    UNDERSTAND HTML FORMS AND CREATE A SIMPLE CONTACT ME FORM
    HTML DIVS AND HOW TO SEPARATE CONTENT FOR CSS STYLING
CHAPTER THREE
UNDERSTANDING C S S 3
    UNDERSTANDING CASCADING STYLE SHEETS AND HOW YOU CAN USE THEM TO STYLE YOUR WEBSITE
    LEARN HOW TO USE CSS SELECTORS AND ROPERTIES
    LEARN ABOUT HOW TO USE INLINE, INTERNAL, AND EXTERNAL CSS
    HOW TO ADD INLINE CSS TO HTML
    HOW TO ADD INTERNAL CSS TO HTML
    HOW TO ADD AN EXTERNAL CSS FILE TO HTML
    USING EXTERNAL CSS IS CONSIDERED THE BEST PRACTICE FOR A FEW REASONS.
    UNDERSTAND CSS CODING BEST PRACTICES
    LEARN ABOUT CSS SIZING METHODS
    LEARN THE ANATOMY OF CSS SYNTAX AND STRUCTURE
    CSS SPECIFICITY AND IMPLEMENTING STYLE HIERARCHY
    CLASS VS. IDS AND HOW TO TARGET EACH CSS DISPLAY AND HOW TO IMPLEMENT LAYOUT
    THE DIFFERENCE BETWEEN CLASS AND ID SELECTOR
    HOW TO USE CSS STATIC, RELATIVE, AND ABSOLUTE POSITIONING SYSTEMS
    FONT STYLING USING CSS AND WEB-SAFE FONTS
    CENTERING ELEMENTS USING CSS
    WEBSITE DESIGN FUNDAMENTALS AND TYPOGRAPHY
    HOW TO USE CSS FLOAT AND CLEAR
    HOW TO COMBINE CSS SELECTORS AND UNDERSTAND SELECTOR PRIORITY
CHAPTER FOUR
UNDERSTANDING BOOTSTRAP 4
    HOW TO USE BALSAMIQ TO MOCKUP AND WIREFRAME WEBSITES
    HOW TO CREATE MOCKUPS WITH BALSAMIQ
    THE FUNDAMENTALS OF UI DESIGN FOR WEBSITES
    CHOOSING INTERFACE ELEMENTS
    BEST PRACTICES FOR DESIGNING AN INTERFACE
    HOW TO DOWNLOAD BOOTSTRAP
    UNDERSTANDING THE BOOTSTRAP GRID LAYOUT SYSTEM
    HOW TO USE BOOTSTRAP CONTAINERS TO LAYOUT YOUR WEBSITE EASILY
    LEARN TO USE OTHER BOOTSTRAP COMPONENTS SUCH AS BUTTONS
    Adding symbols using Font Awesome
    Learn to use Bootstrap carousels
    Learn to add Bootstrap cards to your website
    Using Bootstrap navigation bars
CHAPTER FIVE
JAVASCRIPT
    INTRODUCTION
    THE FUNDAMENTALS OF CODE
    APPLYING JAVASCRIPT (INTERNAL AND EXTERNAL)
    Starting code with alerts and prompts
    Understand Variables and Data Types in JavaScript
    Working with strings and numbers
    Randomization and logical operators, Loops, and Conditionals
    FUNCTIONS AND INVOCATION PATTERNS
    DISCUSSION OF ECMASCRIPT
    LEARN INTERMEDIATE JAVASCRIPT
    LEARN TO USE JS EXPRESSIONS, OPERATORS, STATEMENTS, AND DECLARATIONS
    OBJECT-ORIENTED PROGRAMMING
    CREATING OBJECTS IN JAVASCRIPT
    Class Implementation in JavaScript
    JS Objects and Prototypes
    THIS’, SCOPE AND CLOSURES
    REFACTORING AND DEBUGGING
CHAPTER SIX
DOCUMENT OBJECT MODEL (DOM)
    LEARN THE TREE STRUCTURE OF HTML-BASED WEBSITES
    TRAVERSE THROUGH THE DOCUMENT USING OBJECT NOTATION
    SEPARATION OF CONCERNS AND CODING BEST PRACTICES
    CODING BEST PRACTICES
    MANIPULATE AND CHANGE THE HTML ELEMENTS USING YOUR UNDERSTANDING OF THE DOM
CHAPTER SEVEN
JQUERY
    UNDERSTANDING JQUERY
    INSTALLING AND USING THE JQUERY
    WHY LEARN JQUERY?
    LEARNING ABOUT JQUERY FUNCTIONALITY
    DIFFERENCES BETWEEN JQUERY AND ANGULAR JAVASCRIPT
    INTRODUCTION TO FUNCTIONS IN JQUERY
    MANIPULATING TEXT, STYLES, AND ATTRIBUTES WITH JQUERY
    CREATE ANIMATIONS AND CUSTOMIZATIONS WITH JQUERY
    USE YOUR JQUERY KNOWLEDGE TO MAKE YOUR WEBSITE INTERACTIVE
    RESPONDING TO USER-INITIATED EVENTS WITH JQUERY
CHAPTER EIGHT
GIT, GITHUB, AND VERSION CONTROL
    WHAT IS A VERSION CONTROL SYSTEM?
    WHAT IS A LOCAL VERSION CONTROL SYSTEM (LVCS)?
    WHAT IS A CENTRALIZED VERSION CONTROL SYSTEM (CVCS)?
    WHAT IS A DISTRIBUTED VERSION CONTROL SYSTEM (DVCS)?
    HOW TO SETUP GIT
    HOW TO CONFIGURE GIT
    HOW TO SETUP A GITHUB ACCOUNT
    COMMONLY USED GIT COMMANDS
    FORKING VS CLONING
    BRANCHING IN THE FORKING WORKFLOW
    FORK A REPOSITORY
    CLONE YOUR FORK
    EXPLORE THE COMPONENTS OF BACK-END DEVELOPMENT, WORKING WITH AN MVC FRAMEWORK
    UNDERSTAND THE WORKING OF THE MVC FRAMEWORK WITH AN EXAMPLE
    Popular MVC Frameworks
    HOW TO USE GITHUB WITH XCODE
    CREATE A REPOSITORY ON GITHUB WITH XCODE
    ADDING AN EXISTING REMOTE
    BRANCHING WITH XCODE
    COMMITTING TO GITHUB WITH XCODE
CHAPTER NINE
BACK-END DEVELOPMENT
    INTRODUCTION
    WHAT IS BACK-END DEVELOPMENT?
    FRONT-END VS BACK-END DEVELOPMENT
    BACK-END DEVELOPER TASKS AND RESPONSIBILITIES
    TYPES OF BACK-END LANGUAGES
    BACK-END TOOLS, AND TECHNOLOGY
    BACK-END DEVELOPER VS. BACK-END ENGINEER
    COMMON SKILLS NEEDED FOR BACK-END DEVELOPMENT
    COMMON BACK-END DEVELOPMENT JOBS
CHAPTER TEN
INTRODUCTION TO BACKEND TECHNOLOGY - NODE JS
    WHAT IS NODE.JS?
    FEATURES OF NODE.JS
    WHO USES NODE.JS?
    WHERE TO USE NODE.JS?
    WHERE NOT TO USE NODE.JS?
    NODE.JS - ENVIRONMENT SETUP
    DOWNLOAD NODE.JS ARCHIVE
    INSTALLATION ON UNIX/LINUX/MAC OS X, AND SUNOS
    DOWNLOAD NODE.JS
    GETTING STARTED
    EXECUTING A FILE
    NODE.JS - FIRST APPLICATION
    CREATING NODE.JS APPLICATION
    NODE.JS - REPL TERMINAL
    STARTING REPL
    REPL COMMANDS
    STOPPING REPL
    WHY NODE.JS?
    WHAT CAN NODE.JS DO?
    WHAT IS A NODE.JS FILE?
    COMMAND LINE INTERFACE
    INITIATE THE NODE.JS FILE
    WHAT IS SERVER-SIDE JAVASCRIPT?
    BRIEF ORIGIN OF THE LANGUAGE
    SERVER-SIDE JAVASCRIPT VS CLIENT-SIDE JAVASCRIPT
    COMBINING SERVER-SIDE & CLIENT-SIDE JAVASCRIPT
    USING NODE ON THE COMMAND LINE
    NPM
    INSTALLING MODULES USING NPM
    GLOBAL VS LOCAL INSTALLATION
    USING PACKAGE.JSON
    UNINSTALLING A MODULE
    UPDATING A MODULE
    SEARCH A MODULE
    CREATE A MODULE
    NODE.JS CALLBACKS CONCEPT
    BLOCKING CODE EXAMPLE
    NON-BLOCKING CODE EXAMPLE
    NODE JS EVENT-LOOP
    EVENT-DRIVEN PROGRAMMING
    JAVASCRIPT BUILD PROCESSES
    EVENT LOOP AND EMITTERS
    FILE SYSTEM INTERACTION
    FILE SERVER
    FILE PATHS
    MODULES
    NODE.JS HTTP MODULE
    NODE.JS AS A WEB SERVER
    READ THE QUERY STRING
    LEARN NATIVE NODE DRIVERS
    INSTALLING THE DRIVER
CHAPTER ELEVEN
EXPRESS JS
    WHAT IS EXPRESS JS?
    WHY EXPRESS JS?
    UNDERSTAND HOW TO INSTALL AND USE EXPRESS IN NODE APPLICATIONS
    USING EXPRESS JS TO CREATE YOUR FIRST PROGRAM
    WHAT ARE ROUTES?
    CREATING NODE AND EXPRESS-BASED SERVERS
    RESTFUL ROUTING WITH EXPRESS
    UNDERSTAND AND USE MIDDLEWARE FOR NODE APPLICATIONS
    TYPES OF MIDDLEWARE IN NODE.JS
    WRITING EXPRESS MIDDLEWARE
    Creating middleware
CHAPTER TWELVE
UNDERSTAND WHAT APIS ARE AND HOW THEY WORK
    WHAT IS API?
    HOW API ABSTRACTION ENABLES SPEED AND AGILITY
    HOW DO APIS WORK?
    SOAP APIs
    REST APIs
    WHAT DOES AN API DO?
    A REAL EXAMPLE OF AN API
    TYPES OF APIs
    HTTP IN DEPTH
    Using HTTP in Web Frameworks and Libraries
    CALLING APIs
    WHERE DOES AN API CALL GO?
    HOW CAN API CALLS BE USED FOR AN ATTACK?
    HOW TO SECURE APIS FROM INVALID API CALLS
    READING API DOCUMENTATION
    BASIC API AUTHENTICATION
    SERVER-TO-SERVER COMMUNICATION
    CLIENT: TOKEN REQUEST AND RESPONSE
    RESOURCE SERVER: TOKEN INTROSPECTION
    JSON VS. XML, SENDING DATA OVER THE WIRE
    JSON CODE VS XML CODE
    UNDERSTAND REST AND GUIDING PRINCIPLES BEHIND API DESIGN
    LEARN TO WORK WITH A MONGODB GUI ROBO 3T
    IMPLEMENTING GET, POST, PUT, PATCH, AND DELETE BY CREATING A PUBLIC API FROM SCRATCH
    UNDERSTAND AND USE CHAINED ROUTE HANDLERS FROM EXPRESS.
CHAPTER THIRTEEN
EMBEDDED JAVASCRIPT (EJS)
    WHAT IS A TEMPLATE ENGINE?
    WHAT IS EJS?
    WHEN TO USE EJS
    WHY EJS?
    GETTING STARTED
    UNDERSTAND WHAT EJS DOES AND HOW TO USE IT WITH NODE AND EXPRESS
    TEMPLATING WITH EJS
    RUNNING CODE IN EJS TEMPLATES
    PASSING DATA FROM SERVER TO TEMPLATE AND VICE VERSA
    CREATING LAYOUTS/PARTIALS WITH EJS
CHAPTER FOURTEEN
REACT.JS
    LEARN FRONT-END DEVELOPMENT WITH REACT
    UNDERSTAND WHEN AND HOW TO USE REACT COMPONENTS
    LEARN TO PASS PROPS AND WORK WITH THEM
    REACT PROPS VS. STATE
    HOW TO PASS PROPS FROM CHILD TO PARENT COMPONENT
    HOW TO SET PROPS TO STATE
    LEARN TO WRITE JSX AND UNDERSTAND JSX SYNTAX
    IMPERATIVE VS DECLARATIVE PROGRAMMING
    HOW TO USE JSX
    GETTING STARTED USING JSX IN YOUR SOFTWARE DEVELOPMENT
    LEARN ABOUT THE REACT DOM
    VIRTUAL DOM (VDOM) VS DOM
    LEARN STATE MANAGEMENT IN REACT
    LEARN ABOUT REACT HOOKS
    CLASS AND FUNCTIONAL COUNTER COMPONENT EXAMPLE WITH USESTATE
    LEARN ABOUT CONDITIONAL RENDERING IN REACT
    CONDITIONAL RENDERING WITH ENUMS
    PREVENTING COMPONENT FORM RENDERING
    UNDERSTAND THE DIFFERENCE BETWEEN CLASS AND FUNCTIONAL COMPONENTS
    DIFFERENCES BETWEEN CLASS COMPONENT AND FUNCTIONAL COMPONENT
CHAPTER FIFTEEN
DATABASE FUNDAMENTALS
    WHAT IS A DATABASE?
    WHAT IS DATABASE SOFTWARE?
    WHAT IS STRUCTURED QUERY LANGUAGE (SQL)?
    WHAT IS A DATABASE MANAGEMENT SYSTEM (DBMS)?
    WHAT IS A MYSQL DATABASE?
    TYPES OF DATABASES
    DATA RELATIONSHIPS
    DESIGNING A DATA MODEL
    RELATIONAL DATABASES
    RELATIONAL DATABASE MANAGEMENT SYSTEM
    NON-RELATIONAL DATABASES
    ADVANTAGES OF RELATIONAL DATABASES
    RELATIONAL DATABASE USES
    ALTERNATIVE DATABASES
    MICROSOFT SQL
    DATABASE PERFORMANCE ANALYZER
    ENTITY RELATIONSHIP MODELLING (ERM) AND OBJECT RELATIONAL MAPPING (ORM)
    ENHANCED ENTITY RELATIONSHIP (EER) MODEL
CHAPTER SIXTEEN
SQL DATABASES
    WORKING WITH DATABASE SCHEMAS
    CREATE-READ-UPDATE-DESTROY (CRUD)
    DATABASE JOINS
    QUERYING SQL DATABASES
CHAPTER SEVENTEEN
NOSQL DATABASES WITH MONGODB AND MONGOOSE
    SERIALIZATION
    HOW TO MODEL NOSQL DATA
    DOCUMENT DATABASES (MONGODB)
    CREATE-READ-UPDATE-DESTROY (CRUD) NOSQL BEST PRACTICES
    MONGO SHELL AND COMMAND LINE USE
    MONGODB MONGO SHELL FEATURES
    INSTALLING THE MONGO SHELL
    CONNECT TO MONGODB DATABASE
    BASIC COMMANDS FOR MONGO SHELL
    INSTALLING MONGODB
    MAPPING RELATIONSHIPS WITH MONGODB
    USING AN OBJECT-DATA MODELLING LIBRARY (MONGOOSE) TO WORK EASILY WITH YOUR DATA
    INSTALLING MONGOOSE AND CREATING THE PERSON SCHEMA
CHAPTER EIGHTEEN
DEPLOYMENT
    UNDERSTAND HOSTING AND DEPLOYMENT
    WHAT IS WEBSITE DEPLOYMENT?
    DEPLOYING SERVER-BASED APPLICATIONS WITH HEROKU
    DEPLOYING DATABASES WITH MONGO ATLAS
CHAPTER NINETEEN
AUTHENTICATION AND SECURITY
    UNDERSTAND THE NEED FOR AUTHENTICATION AND KEEPING USER DETAILS SECURE
    LEARN ABOUT ENCRYPTION AND USE ENCRYPTION TO KEEP YOUR DATABASE SECURE
    HASHING PASSWORDS WITH BCRYPT
    SESSIONS AND COOKIES
    SETTING UP LOCAL AUTHENTICATION FROM SCRATCH
    IMPLEMENTING PASSPORT TO AUTHENTICATE USERS QUICKLY AND EFFECTIVELY
    UNDERSTAND AND USE ENVIRONMENT VARIABLES TO KEEP SECRET KEYS SECURE
    UNDERSTAND AND USE OAUTH TO LOG IN USERS USING GOOGLE AND FACEBOOK
CONCLUSION
INDEX