- Modern JavaScript Introduction
- Using the Const Variable Type in JavaScript
- Guide to Backtick string interpolation in Javascript
- Integrating Conditionals into JavaScript Strings with Ternary Operators
- Introduction to Arrow Functions in JavaScript
- How Arrow Functions Work with ‘this’
- How to Swap Variable Values in JavaScript with Variable Deconstruction
- How to Implement Array Destructuring in JavaScript
- How to Pass JavaScript Objects as Function Arguments by Leveraging Deconstruction
- Guide to Adding Default Object Values to JavaScript Function Arguments
- Guide to the JavaScript Spread Operator
- Python Course Introduction
- What is Programming?
- How to Use Repl.it for Running Python in the Browser
- How to Install Python 3 on a Mac
- How to Install Python 3 on a PC
- Basic Usage Tips and Tricks for the Python Repl
- Introduction to the Zen of Python (PEP 20)
- Differences Between Python Versions 2 vs 3
- Introduction to UX Development and Creative Direction
- Planning the Prime Objective of an Application
- Guide to User Stories and Analyzing a Feature List
- How to Create Effective Sitemaps
- How to Design Low Fidelity Wireframes
- Guide to UX Mockups
- UX Skill Development
- Project Requirements for UX Course
- The Who, What, When, Where, Why, and How of Scss
- Scss Preprocessor Demo: How the Scss Magic Happens
- Differences Between Sass and Scss
- How to Configure Codepen to Process Scss Files
- Modern JavaScript OOP Section Introduction
- Introduction to Object Oriented Programming in JavaScript
- Guide to JavaScript OOP Instance Methods
- Guide to OOP Static Methods in JavaScript
- Introduction to JavaScript Promises
- Using a fetch Promise to Communicate with APIs in JavaScript
- How to Group Promises Together with Promise.all in JavaScript
- Introduction to Variables in Scss
- Using Default Variables in Scss
- Guide to Variable Scope in Scss
- Guide to Scss Nesting
- Scss Pseudo Selector Nesting
- Creating Your First Mixin
- Introduction to Mixin Arguments in Scss
- Working with Scss Conditionals
- Project: Build a Flexbox Mixin with Scss
- Project Solution: Build a Flexbox Mixin with Scss
- Scss Lists, @each Directive, and String Interpolation
- Real World Example of the Scss @import Directive
- How to Use the @content Directive in Scss to Allow for Mixin Flexibility
- Python Variable Section Introduction
- Introduction to Variables in Python
- Python Best Practices for Variable Naming and Style
- Overview of Python Data Types
- How to Change Python Variable Values
- Guide to Single Line, Inline and Multi Line Comments in Python
- How to Install MongoDB on a Mac
- Guide to Creating a MongoDB Database Along with Admin Database Users
- How to Create a MongoDB Collection
- How to Insert Many Documents into a MongoDB Collection
- How to Query All Documents in a MongoDB Collection with the find() Method
- How to Query for Specific Documents in a MongoDB Collection
- Introduction to MongoDB Projections
- Query for a a Portion of a Nested Array Element in a Document Using $slice
- How to Delete Documents in MongoDB
- How to Include Nested Fields in a find Query
- Using the findOne Method in MongoDB to Query for a Single Document
- How to Query for a Portion of a String in a MongoDB Document
- How to Check if a Field Exists in a MongoDB Document
- Introduction to Async and Await in JavaScript
- Combining Async / Await with Closures to Ensure All Processes Have Run
- Using Async / Await for Communicating with Outside APIs in JavaScript
- Implementing Error Handling In a JavaScript Async / Await Function
- Python String Section Introduction
- Python String Basics
- Python String Case Functions
- How to Access Portions of Strings in Python
- Guide to Heredocs in Python
- How to Build a Raw Multiline String in Python
- Guide to Modern Python String Interpolation
- How to Use Python's format method to Implement Index Based String Interpolation
- Finding a Substring in Python with: Find, Index, and In
- Using Python's replace Function to Find and Replace String Values
- Using a Negative Index with a Python String
- Overview of Python's strip, lstrip, and rstrip Functions
- Guide to Python's Partition Function
- Guide to the Python split Function
- How to Check if Strings Represent Numbers or Alphanumeric Characters in Python
- React Architecture Overview
- How to Install Node and NPM on a Mac
- How to Install Node and NPM on a PC
- Text Editor Overview for React Development
- How to Generate a React Project with the Project Builder Module
- VS Code Formatting Extension Fix
- How to Install and Configure Git for Source Version Control
- How to Go Through the React Course Material and UI/UX Workflow
- Section Introduction for Modern JavaScript Tools
- Overview of Lodash JavaScript Library
- Popular Lodash Functions: keyBy, reduce, and random
- Overview of the JavaScript Debugger
- Overview of the Quokka.js Extension
- Overview of JavaScript Lint Tools
- Section Introduction
- Overview of Number Types in Python
- Mathematical Operators in Python
- Guide to the Order of Operations in Python
- How to Use Assignment Operators in Python
- Decimal vs Float in Python
- How to Convert Between the Integer, Float, Decimal and Complex Numeric Data Types in Python
- Overview of Popular Math Functions in Python
- Section Introduction for Modern JavaScript Error Management
- Basic Error Management Syntax in JavaScript
- How to Create a Custom Error Class in JavaScript
- Integrating Error Management into API Calls in JavaScript
- Section Introduction for Modern JavaScript Modules
- How to Utilize the ES6 Project Generator
- Basic Guide to Importing and Exporting Code in JavaScript with ES6 Syntax
- How to Import Multiple Elements from a JavaScript File
- Guide to Default Exports in JavaScript
- Section Introduction for JavaScript Package Management
- Introduction to NPM Packages
- How to Install MomentJS into a JavaScript Application
- Popular MomentJS Functions
- How to Build and Deploy a NPM Module
- Section Introduction
- Overview of Lists in Python
- Three Ways to Remove Elements from a Python List
- Guide to Nested Lists and Best Practices for Storing Multiple Data Types in a Python List
- Overview of Python List Query Processes: len(), Negative Indexes, and index()
- How to Sort Lists in Python
- Using the join Function in Python to Build a URL Query String
- Overview of Ranges in Python Lists
- Advanced Techniques for Implementing Ranges and Slices in Python Lists
- Guide to the sorted Function in Python
- How to Find the Median of a Python List with an Odd Number of Numbers
- Working with the slice Class in Python to Store Slices
- How to Add to a List in Python with Both In Place and Copy Processes
- Overview of Python Dictionaries
- Guide to Nested Collections in Python Dictionaries
- How to Add New Key/Value Pairs to Python Dictionaries
- Guide to Using the get Function in Python Dictionaries to Configure Fallback Lookup Values
- Guide to Python Dictionary View Objects
- Overview of the Multiple Methods for Deleting Items in a Python Dictionary
- Guide to Working with Lists of Nested Dictionaries
- Build a Histogram in Python with No 3rd Party Libraries
- Introduction to Python Tuples
- How to Add Elements to a Tuple by Leveraging Re-Assignment
- Working with Lists Nested in Tuples
- Guide to Slices in Python Tuples
- Three Ways to Remove Elements from a Python Tuple
- How to Use a Tuple as a Dictionary Key in Python
- Guide to Python's Zip Function
- Introduction to the Python Set Data Structure
- Various Methods for Merging Python Sets
- How to Run JavaScript Scripts in the Browser Console
- Comparison of Chrome's Command Line API vs Vanilla JavaScript
- How to Process JavaScript from a File in the Browser
- How to Create Custom Code Snippets in VS Code
- Git Overview
- How to Sign Up for a GitHub Account
- Difference Between Git and GitHub
- GitHub vs GitLab vs Bitbucket
- How to Install Git on Your System
- How to Create a Local Git Repository
- How to Push a Local Git Repository to GitHub
- Review of the Git Workflow
- Examining the Dot Git Directory
- How to Hide Files and Directories from Git with gitignore
- Overview of Git Pull
- Introduction to Git Branches
- Basic Git Branching Workflow
- How to Push and Merge a Remote Branch in Git
- Overview of Git Rebase
- Overview of Git Stash
- Difference Between Git Fetch and Git Pull
- How to Delete a Local and Remote Branch in Git
- A Step by Step Guide for How to Resolve Git Merge Conflicts
- Madlib Project Overview
- Madlib Project Creation and Version Control Implementation
- How to Style the Header in the Madlib Project
- Introduction to React Form Components and State Management
- React Rendering and Inputs
- Overview of Properties and State in React JS
- Building the Form Component and Input Styles
- Guide to Using Functional Components in React
- Connecting Form Data to the Madlib Generation Process
- How to Clear State in React
- Building the Content Component in React
- How to Show and Hide Content in a React Application
- Finalizing Component Styles for the Madlib Application
- Reverting to the Latest Commit in Git
- How to Revert a Single File to a Previous Version in Git
- Guide to Viewing a Version Commit for a Git Project
- How to Revert an Entire Project Back to a Previous Version in Git
- How to Organize the Course Files and Create a GitHub Repository
- How to Integrate Gulp and Browser Sync for Auto Reloading HTML Pages
- How to Align Content Vertically and Horizontally on a Page with Flexbox
- Overview of Flex Direction
- Overview of Justify Content
- Using Justify Content with Multiple Flex Containers
- Overview of Flex Basis
- Overview of Flex Basis, Flex Grow, and Flex Shrink
- Using Flexbox and the Flex Property to Implement an HTML Card
- How to Use the Flex Wrap Property to Implement Responsive Page Elements
- How to Change the Order of Flexbox Items with the Order Property
- Align Content vs Align Items in Flexbox
- Overview of Align Self in Flexbox
- Flexbox Capstone Project Requirements
- Flexbox Capstone Project Solution: Build a Responsive Navbar
- Birthday Countdown App Overview
- Setting Up Version Control for the Birthday Countdown Project
- Implementing the Date Form Component in React
- Managing State in the Birthday Countdown Application
- How to Generate the Countdown Button's State
- Connecting React Lifecycle Functions with the Clock Component
- Calculating Time in React
- Utilizing Javascript Set Interval to Start the App's Countdown
- How to Calculate an Age in React
- Fixing Countdown Bug and Working with Various Date Cases
- Changing the Date Button and Unmounting the Clock Component
- Fixing the Same Day Case for the Countdown Component
- How to Render the Happy Birthday Message in the Application
- How to Style the Birthday Countdown Application
- How to Style the Header in the Birthday Countdown Project
- How to Implement the Clock Skew Style
- How to Leverage Flexbox Styles in the Birthday Counter Project
- Applying the Happy Birthday Message Styles
- How to Style the Clock List
- How to Implement a Style Mixin for the Birthday Countdown Project
- How to Implement Additional Message Styles for the Birthday Countdown Project
- Adding Flexbox Birthday Form Component
- How to Implement Custom Date Picker Styles in React JS
- How to Style the Generate Countdown Button
- React Application Overview: Class Scheduling System
- Generating the Class Scheduling Application Project
- Creating a Course Library Component in React
- Introduction to Redux
- Overview of Redux Actions
- Adding Basic Styles to the Library Component
- Building out the Schedule Component in React
- Building the Remove Course Action in React
- Configuring the Redux Reducer to Remove Courses in React
- Creating an Add Course Action in React
- Implementing the Add Course Reducer in React
- Building the Card Styles for the Class Scheduling Application in React
- How to Toggle Content Using Redux
- Introduction to React Animations
- Implementing Arrow Styles
- Building Styles for Cards in the Open State
- Adding Container and Slot Styles
- Implement Styles for Hover States in React
- Implementing the Course Content Action with Redux
- Building a Filter for Enrolled Courses
- How to Order the List of Schedule Components
- Rendering an Empty Slot in the Class Scheduling Application
- Refactoring the Add Course Reducer with Redux
- Integrating the Schedule Styles and Project Planning
- Adding a Checkmark for Enrolled Courses
- Implementing the Removal Styles
- Integrating a Remove Button Animation in React
- Implement Styles for Removing Courses
- Overview of the DOM
- How to Add and Remove Classes in Vanilla JavaScript
- Differences Between the Window and Document for JavaScript Development
- Overview of JavaScript Query Selectors
- Guide to JavaScript Event Listeners
- Inline onclick vs addEventListener
- How to Add and Remove CSS Styles in Vanilla JavaScript
- How to Use JavaScript's Toggle Function
- How to Build a Character Countdown Function in JavaScript
- How to Add Hot Keys to a Web Application in Vanilla JavaScript
- Guide to Building Shared Behavior with JavaScript Functions
- How to Dynamically Create HTML Elements with JavaScript
- Guide to Removing HTML Elements with JavaScript
- Project Requirements: Create and Remove Bullet Points Between Lists
- Project Solution: Create and Remove Bullet Points Between Lists
- Overview of the Dev Tool's Network Tab
- Various Console Methods in JavaScript
- How to Use the JavaScript Console's Copy Function to Scrape a Website
- App Overview and Resource Material: Branding Page
- Branding Page Layout and Flexbox Integration
- Building Your First CSS Grid Container
- Nesting a CSS Grid Container in a Parent Div and Grid Gap Introduction
- How to Create CSS Grid Columns with Different Widths
- Adding Custom Heading and Bullet Point Styles in Grid Columns
- Guide to the CSS Grid Repeat Function to Render a Dynamic Number of Rows
- Implementing Final Page Styles and Review of CSS Grid's Repeat Function
- Combining CSS Grid with Media Queries to Implement a Responsive Layout
- React Project 5 Overview - Property Management Application
- React Property Management Project Setup
- Setting Up React Router for the React Property Management App
- Integrating Redux Form into the React Property Management Application
- Integrating Redux Thunk to Perform Sign In Request
- Setting Up Routing to Newsletter After Sign In
- Fixing the Router for the Property Management React Application
- Saving an Auth Token to Local Storage in React
- Fetching Newsletter Documents from the API
- Setting Up an Archive Component
- Filling the Archive Component with Data
- Adding Temporary Styles to the React Property Management Application
- Building a Content Component for the Newsletter Component
- Popping the First Item Off the Archive Component
- Detail Component for Newsletter
- Utilizing the Link Component in React Router Dom
- Setting Up Redux In the Newsletter Detail
- Fetching Newsletter Items in the React Property Management App
- Rendering a Fetched Item in the Newsletter Detail Component
- Adding an Initial State to the Newsletter Reducer
- Adding an Edit Newsletter Route and Component
- Utilizing Redux Form for the Edit Newsletter Component
- Connecting Redux to Edit a Newsletter
- Fetch an Item by ID to Edit in React
- Setting an Initial Values in a Redux Form Edit Newsletter
- How to Save the Newsletter Edit Action with Redux Thunk
- Adding Callbacks to Redux Actions
- Fixing the Archive Render Error
- Add Newsletter Component with Redux Form and Route
- Add New Newsletter Action with Redux Thunk
- Support Request Component and Route
- Setting Up the Info Box Component in React
- Building out a Support Request Reducer
- Using Redux Dev Tools
- Connecting the Support Request Component to the Redux Store
- Setting Up Fetch Support Requests with Redux Thunk and Axios
- Support Request Content Component
- Building out the Support Request Item Component
- How to Filter Items in React
- Edit Support Request Form Component in React
- Fetch Support Request by ID in React with Redux
- Mapping the Fetched Request Item Data with Redux Form Initial State
- Save a Support Request by ID with React
- Add Support Request Component and Route
- Add Request Action with Redux Thunk
- Setting Up the Update Status Action and Route
- Using Redux Thunk and Put Requests
- Styling the Header of the Property Management Application
- Taking a Functional Approach to the Header Component
- Add Header Border Styles
- Add the Title to the Application
- Styling the Sign In Form for the Property Management Application
- Fixing the Props Issue
- Add Header Nav Component to the Property Management Application
- Styling the Header Nav
- Finalizing the Header Nav Styles
- Building Out the Newsletter Content Component Styles
- Adding New Styles to the Newsletter Content Component
- Adding Final Styles to Header Navigation Component
- Styling the Newsletter Actions and Utilizing Font Awesome for Icons
- Placing Styled Buttons on the Page
- Building the Info Box Styles
- Setting Up the Newsletter Archive Component
- Styling the Archive Component and Nested Items
- Styling the Add Newsletter Component
- Adding Newsletter Form Styles
- Positioning the Add Newsletter Component Form Actions
- Adding Styles to the Edit Newsletter Component
- Newsletter Detail Title and Header Border Styles
- Styling the Newsletter Detail Component
- React Project Five Application Overview
- Generating Daily Smarty UI Application
- CSS Grid Basic Setup for Daily Smarty UI
- Setting Up A Logo Component
- Creating Searchbar and Recent Posts Components
- Setting Up Redux Form In the SearchBar Component
- Setting Up Daily Smarty UI Routes Using React Router Dom
- Setting Up the Results Component for the Daily Smarty UI
- Implementing an HOC Called with Router
- Setting Up Redux Thunk and Connecting the Recent Posts Component to Redux
- Utilizing Axios to Perform a GET Request on the Redux Thunk Action Dispatcher
- How to Utilize Redux Dev Tools and Fix the Set Recent Posts Reducer
- Using the Redux Map State to Props Function in the Recent Posts Component
- Creating a Post Component for the Daily Smarty UI
- Review of the Spread Operator and Rendering Post Associated Topics
- Customizing the Logo Component to Take In a Custom Size Prop
- Modifying the Search Bar Component to Take the OnSubmit Function via Props
- Creating the Fetch Posts with Query Action
- Setting Up a Results Posts Component
- Creating a Set Results Posts Type and Reducer
- Mapping State to Props in a Results Posts Component
- Modifying the Posts Component to Render Different JSX Based on Prop
- Modifying the Fetch Posts Process with Query Action Creator to Take in an Optional Callback
- Utilizing the React Animate Height NPM Package to Add Hover Animations
- CSS Grid Explained for Daily Smarty UI
- Applying CSS Grid Styles to the Home Component
- Styling the Search Bar Component
- Fixing CSS Grid Styles for the Daily Smarty UI
- Styling the Recent Post Component
- Styling the Recent Post Post Component
- Adding Font Awesome to the Application
- Adding Styles to the Results Component
- Styling the Results Component Search Bar
- Styling the Results and Result Post Components
- Finishing the Result Post Component Styles
- Using Vanilla JavaScript String Methods to Give Post Links a Title
- Handling A Few Cases for the Pretty Post Link Names
- Adding a Content Display Message to Users When No PostLinks Exist
- Deploying the Daily Smarty UI App to Heroku
- Making the Home Screen Mobile Responsive with CSS Media Queries
- Postman Installation Guide for Linux
- Guide to Using Postman for External and Local API Requests on Linux
- Environment Setup for Hello World Flask Application
- How to Install Dependencies for Flask Database and API Features
- Creating a SQLite Database in Flask with SQLAlchemy
- How to Create a POST API Endpoint in Flask
- Building an API Endpoint in Flask for Returning All Records with a GET Request
- Implementing a Single Record GET Request in a Flask API
- Guide to Building an Update Action with a PUT Request in Flask
- How to Build a DELETE API Endpoint in Flask along with Project Summary