Jonathan Grieve

Jonathan Grieve

Treehouse Moderator

County Durham, England.

I'm proud to be a part of Treehouse. I have an insatiable drive to keep learning and build my skills. Skills include HTML5, CSS, JavaScript and WordPress. I'm currently building my skills in Java and have a dream to one day publish an Android App.

Skills & Experience

  • Company

    Jonnie Grieve Digital Media

  • Job Title

    Sole Proprietor - Jonnie Grieve Digital Media

  • Spoken Languages

    • English (United Kingdom)
  • Awards

    • BA (Hons) Web and Multimedia Design
    • HND Computing (IT Pathway)

748 Achievements

  • Introducing Data Analysis
  • Animation Basics
  • The Project
  • Building Forms With Bootstrap
  • Practice forEach
  • Team Collaboration in Figma
  • Prototyping Designs in Figma
  • Using Bootstrap Components
  • Introducing Figma
  • Introducing SharedPreferences
  • The Activity Lifecycle
  • Combining Array Methods
  • Gotchas and Wins
  • Create Function Using Arrow Syntax
  • Testing and Debugging
  • Iteration
  • Array Manipulation
  • Creation
  • Array Iteration
  • Ruby Conditionals
  • Using Template Literals
  • Defining Variables With let and const
  • Ruby Numeric Types
  • Ruby Objects
  • Ruby Strings and Escape Sequences
  • Ruby Syntax
  • Responsive Layouts With the Bootstrap Grid
  • Improving Our Code
  • Basic Android Programming
  • Getting to Know Bootstrap 4
  • Refining the App
  • Building the Application
  • Creating the Screen Layout
  • Getting Started with Android
  • Going Further with Grid Layout
  • Exploring Best Practices
  • Publishing on Google Play
  • Dockerize a Web App
  • Flexible Sized Grids
  • Managing Images and Containers
  • Introducing Grid Layout
  • Building Images Using Dockerfiles
  • Setting up with Create React App
  • Fundamentals of Docker
  • Docker Use Cases
  • Test Drive
  • Meet Selenium
  • Integrating 3rd Party APIs
  • Implementing Redux
  • Implementing React Native
  • Design Patterns
  • Installing WordPress Locally
  • Security in Practice
  • Day 3: Getting Creative
  • Angular Form Validation
  • Reformatting User Input
  • Common Attacks and Defenses
  • Page Layout
  • Validating a Form with Regular Expressions
  • Regular Expressions
  • Hello Internet!
  • Why React Native
  • Angular Basic Forms
  • Testing and Debugging
  • Improving Our Code
  • Services in Angular
  • Basic Android Programming
  • Angular Components
  • Creating the Screen Layout
  • Getting Started with Android
  • Finishing the Game
  • Exploration
  • S3 Storage Service
  • The Internet
  • Day 2: Advanced Selecting
  • Day 1: Joining Tables
  • Discovery
  • AWS and "The Cloud"
  • Introducing JavaScript
  • Setting Up an Angular Application
  • Putting it all Together
  • Going Further with HTML
  • Big Data at Netflix
  • Callbacks and the DOM
  • Lists, Code, Links and Images
  • Callbacks with Timers
  • Where and How Big Data Is Used
  • Introduction to Callback Functions
  • Images, Text and Links
  • What is Big Data
  • Orientation: Selecting Data
  • Understanding Markdown
  • Structuring Your Content
  • Actions, Dispatch and Reducers. Oh my!
  • Getting Started With HTML
  • Modularizing the React Scoreboard Application
  • Getting Started with Redux
  • Going Further with Routing
  • Navigating, Nesting and Redirecting Routes
  • Getting Started with React Router
  • Security: Solutions
  • Acting on List Item Taps
  • What Is WordPress?
  • Adding a New Web Page
  • Captioning Video
  • Media Basics
  • Security: Concerns
  • Lists with RecyclerViews
  • Make It Beautiful with CSS
  • HTML: The Structural Foundation of Web Pages and Applications
  • Getting Familiar with HTML and CSS
  • Build a Spreadsheet
  • Using Parcelable Data
  • Spreadsheet Best Practices
  • Spreadsheet Functions & Formulas
  • Custom ListViews
  • Standard ListViews
  • Getting Started With Spreadsheets
  • Setting Up an Authorization System
  • Updating the Data Model
  • Optimization Best Practices
  • Add Reusable Logic to Your Sass
  • Asset Optimization
  • Themes and Compatibility
  • Why Web Performance Matters
  • Using Styles in Layouts
  • Write Smart and Efficient CSS with Sass
  • The Rest of the Story
  • Testing for Accessibility
  • Finishing the User Interface
  • Adding an Authentication System
  • Mobile Accessibility
  • Improve Your Workflow with Sass
  • The Model-View-Presenter Pattern
  • Intents and Multiple Activities
  • Getting Started with Sass
  • Introducing Spreadsheets
  • Tuning the User Interface
  • User Input in Android
  • Accessible UI Patterns
  • Semantic HTML and WAI-ARIA
  • WCAG 2.0 (and Other Standards)
  • Access for Everybody
  • Build a Library
  • WordPress Plugin Best Practices
  • WordPress Widgets
  • Custom Post Types in WordPress
  • Customizing WordPress Themes
  • WordPress Themes
  • Creating a Command Line Weather Application
  • Handling Errors in Node
  • Getting Data From an API With Node
  • Hooking up the Model to the View
  • Building the Weather UI
  • Working with JSON
  • Introduction to Node.js
  • Concurrency and Error Handling
  • What is Authentication
  • Creating a GitHub Client
  • Networking
  • Exploring an API
  • Improving the Application Code
  • Finishing the User Interface
  • Communicating with a RESTful API
  • Editing and Filtering Names
  • The Model-View-Controller Pattern
  • Intents and Multiple Activities
  • Adding and Removing Names
  • User Input
  • Testing and Debugging
  • Improving Our Code
  • Basic Android Programming
  • Creating the Screen Layout
  • Getting Started with Android
  • Delivering the MVP
  • Creating the MVP
  • Harnessing the Power of Objects
  • Component Lifecycle
  • Designing Dataflow
  • Meet Objects
  • Stateful Components
  • Thinking in Components
  • First Steps in React
  • Traversing the DOM
  • Responding to User Interaction
  • Making Changes to the DOM
  • Getting a Handle on the DOM
  • The Browser Environment
  • Updating and Deleting Records
  • MASH JavaScript
  • Reading and Writing Reports
  • Creating Records
  • MASH CSS
  • Project Setup
  • PHPDB Stage 5: Search
  • PHPDB Stage 4: Pagination with LIMITs
  • MASH HTML
  • Subqueries
  • PHPDB Stage 3: Using Relational Data
  • Set Operations
  • PHPDB Stage 2: Querying the Database with PHP
  • Joining Table Data with SQL
  • PHPDB Stage 1: Databases and PHP
  • DOM Traversal
  • DOM Manipulation
  • Events
  • Hello, jQuery!
  • Classes
  • Table Relationships
  • Database Keys
  • Objects and New Collection Types
  • Event Planning
  • Database Normalization
  • Build a Pomodoro App
  • The Cooler Parts of ES2015
  • ES2015 Basics
  • Design a Better App
  • Building a Collection
  • Building the Recipe
  • Graphical User Interfaces
  • Advanced Tooling
  • Understanding Classes
  • Why Object-Oriented Programming?
  • PHP Loops
  • PHP Arrays
  • PHP Conditionals
  • PHP on the Web
  • Daily Exercise Program
  • Unit Converter
  • IDE Exploration
  • Getting to Know PHP
  • How it Works
  • Efficiency!
  • Exploring the Java Collections Framework
  • Organizing Data
  • Getting There
  • Delivering the MVP
  • Creating the MVP
  • More TODO with the MEAN Stack
  • Creating and Editing Data in a MEAN App
  • Harnessing the Power of Objects
  • Setting Up MongoDB
  • Meet Objects
  • Perfecting the Prototype
  • Using your New Tools
  • Going MEAN with Angular
  • Getting Started with Java
  • Key Concepts in Unity
  • Debugging Games
  • Lights, Audio, and Animation
  • Going MEAN with Express
  • Assets and Game Objects
  • Introduction to MEAN
  • Getting the REST You Need
  • GET and POST Requests in a Browser
  • Introduction to HTTP
  • The 3D Views
  • Getting Started with Ember.js
  • Build and Share a Unity Game
  • Game Audio
  • Score, Enemies, and Game State
  • Pickups
  • Next Steps
  • Improving Our Tests
  • Player Input and Cameras
  • Behavior Driven Development with Mocha & Chai
  • The Unity Editor and Scene Setup
  • Introduction to Video Games
  • Hosting with GitHub Pages
  • Test Doubles
  • Acceptance Tests
  • Introducing Unit Testing
  • Improving your Gulp Workflow
  • Organizing your Tests
  • Compile Sass with Gulp
  • Gulp your JavaScript workflow!
  • Welcome to Gulp.js
  • Creating Your Tests
  • Doing More with Express
  • Tools for Testers
  • How To Test Our Code
  • Serving Static Files in Express
  • Using Templates with Express
  • Building and Customizing the Blog
  • Building Forms with Bootstrap
  • Get Involved in Open Source
  • The Request and Response Objects in Express
  •  Create a Web Presence on GitHub
  •  Working on a Team
  • Developing Express Apps Like a Boss
  • Getting Started with Express
  • Using Bootstrap Components
  • Working By Yourself
  • Updating and Uninstalling Packages with npm
  • Hello, GitHub!
  • Installing Packages with npm
  • Customizing the User Experience in WordPress
  • Default User Roles in WordPress
  • What is npm?
  • Responsive Layouts with the Bootstrap Grid
  • An Overview of User Roles and Fields
  • HTTP Methods and Headers
  • Running an Ecommerce Site Long Term
  • Extending WooCommerce
  • Managing Orders in WooCommerce
  • Setting Up WooCommerce
  • Managing Products in WooCommerce
  • Getting to Know Bootstrap 4
  • Introduction to Ecommerce with WordPress
  • The Settings API in Different Places
  • Taking WordPress Settings Further
  • Creating a Basic Template Engine in Node.js
  • The Genesis Marketplace
  • Handling Routes in Node.js
  • Configuring a Genesis Child Theme
  • Getting Started with Theme Options Settings
  • Creating a Simple Server in Node.js
  • WordPress Settings API Overview
  • An Overview of the Genesis Framework
  • An Overview of WordPress Frameworks
  • Adding 3D Effects with CSS
  • PHP Email Form Errors
  • Getting Started with CSS Transforms
  • PHP Email Forms
  • PHP Inventory
  • Transition Timing Functions and Delays
  • Getting Started with CSS Transitions
  • PHP Includes
  • Go Further With Mongo
  • The Production Server
  • Working With Collections
  • The Staging Server
  • Understanding MongoDB
  • Getting Started with MongoDB
  • The Local Development Environment
  • WordPress Plugins
  • Date and Time Functions
  • Aggregate and Numeric Functions
  • WordPress Themes
  • The WordPress Customizer
  • Working with Text
  • Managing Media in WordPress
  • Managing Content in WordPress
  • The Walker Class for WordPress
  • Ordering, Limiting and Paging Results
  • Custom Menu Fields in WordPress
  • WordPress Admin Settings
  • An Overview of Menus in WordPress
  • Launching and Supporting a WordPress Plugin
  • Building WordPress Template Tags, Widgets, and Shortcodes
  • Connecting WordPress Plugins with 3rd Party APIs
  • Handling Errors When Manipulating Data
  • Building a WordPress Plugin Settings Page
  • Deleting Data from a Database
  • How to Install WordPress on Your Computer
  • Updating Data in a Database
  • Adding Data to a Database
  • How WordPress Plugins Work
  • Customizing the WooCommerce Cart and Checkout Process
  • Starting a Custom WooCommerce Theme
  • Finding the Data You Want
  • Getting Data from a Database
  • Cart, Checkout and Account Templates and Hooks
  • Global and Product Templates and Hooks
  • Getting Started with WooCommerce Theme Development
  • Data, Databases and SQL
  • SEO Plugins for WordPress
  • Enhancing the SEO of a WordPress Theme
  • Content Comes First
  • Getting Started with Jekyll
  • Custom Dashboard Widgets
  • Controlling Admin Navigation
  • Customizing the Login Screen
  • Keyframe and Line Drawing Animations
  • Admin Color Schemes
  • Custom WordPress Customizer Settings
  • Transitions and Transforms
  • Native WordPress Customizer Options
  • Improving Our Todo App
  • Overview of the WordPress Customizer
  • Hooking Into WordPress Plugins
  • Services in Angular
  • Action Functions in WordPress
  • Filter Functions in WordPress
  • An Overview of Hooks in WordPress
  • Add Bootstrap Components to WordPress Theme
  • Create Bootstrap Styled Theme Templates
  • Using Angular's Built-in Directives
  • Setup a Bootstrap Theme
  • A Template Hierarchy Review
  • Media Templates in WordPress
  • Custom Post Type Templates
  • Controllers and Scope
  • Archive Templates in WordPress
  • Page and Post Templates in WordPress
  • Homepage Templates in WordPress
  • Getting Started with Angular
  • Core WordPress Theme Files
  • How WordPress Templates Work
  • Building a Layout with Flexbox
  • Finishing Your WordPress Theme
  • Flexbox Properties
  • Understanding Flexbox
  • Custom Homepage Templates in WordPress
  • Save for the Web
  • Adding Images and a Mockup
  • Adding a Blog to a WordPress Theme
  • Logo Design
  • Custom Post Type Templates
  • Creating a Wireframe
  • Building Out WordPress Navigation
  • Building Page Templates in WordPress
  • The WordPress Loop
  • Introducing Adobe Illustrator
  • Positioning Page Content
  • WordPress Header and Footer Templates
  • CSS Layout Project
  • Working with CSS and JS in WordPress Themes
  • Starting a WordPress Theme
  • Page Layout with the Float Property
  • Controlling Layout with CSS Display Modes
  • More Advanced PHP for WordPress
  • Getting Started with CSS Layout
  • PHP Basics for WordPress
  • Introduction to PHP for WordPress
  • Local WordPress Development
  • WordPress Plugin Best Practices
  • Widgets and Custom Menus
  • Custom Post Types and Fields
  • Customizing WordPress Themes
  • WordPress Themes
  • Installing Wordpress
  • Database Security
  • Queries & Results
  • Getting Started with PDO
  • Contact Forms & Mailers
  • Slim and Templates
  • Dependency Management
  • PHP Inheritance & Interfaces
  • PHP Properties & Methods
  • PHP Objects and Classes
  • Securing and Maintaining a MySQL Database
  • SQL Calculating, Aggregating and Other Functions
  • Joining Relational Data Between Tables in SQL
  • Manipulating Schema with SQL
  • Creating Tables and Manipulating Data with SQL
  • Reading Data from Databases with SQL
  • Quiz Practice Project
  • Prototypal Inheritance
  • Constructor Functions & Prototypes
  • Introduction to Methods
  • Installing MySQL Server and MySQL Workbench
  • Introduction to Data, Databases and SQL
  • Paginating a List: Model and View
  • Paginating a List: Controller
  • Adding Search: Model
  • Adding Search: Controller & View
  • Refactoring the Codebase
  • Cleaning URLs with Rewrite Rules
  • Cleaning URLs with Subfolders
  • Integrating Validation Errors
  • Simple PHP Application: Wrapping Up The Project
  • Working with PHP Functions
  • Integrating With Paypal
  • Listing Inventory Items
  • Adding a Contact Form
  • Creating the Menu and Footer
  • Getting Started with PHP
  • PHP Internal Functions
  • PHP Returns & Closures
  • PHP Functions Basics
  • PHP Loops
  • PHP Conditionals
  • PHP Datatypes
  • PHP Data & Structure
  • PHP Getting Started
  • Building a Command Line Application
  • Introduction to Node.js
  • Using a jQuery Carousel
  • Add a Sticky Navigation Bar
  • Introducing jQuery Plugins
  • Two-way Data Binding
  • Website Basics
  • Art Direction with the Picture Element
  • Image Delivery with Srcset and Sizes
  • WWW
  • Finding Good WordPress Plugins and Themes
  • Managing Comments on a WordPress Blog
  • Working with Media in WordPress Blogs
  • Posts and Pages in WordPress
  • Blogging with WordPress Overview
  • WordPress Admin Settings
  • WordPress User Roles
  • The WordPress Codex
  • Owning a WordPress Site Long Term
  • WordPress Community Management
  • Working with Media in WordPress
  • Adding and Editing Content
  • Getting a WordPress Site
  • Getting Started with WordPress
  • Responsive Patterns
  • Media Queries
  • Responsive Theory
  • Debugging, Best Practices, and Production
  • Refactoring with Sass
  • Installing Sass and Setting up the Project
  • Testing and Sharing the Extension
  • Building the Extension
  • Advanced Directives
  • Concepts on Advanced Functions
  • Advanced Variables, Mixins, Functions, and Placeholders
  • Getting Started with Advanced Sass
  • Working with Media Queries
  • CSS Animation Basics
  • Spriting with Compass
  • Compass Helper Functions
  • Compass Layout and Typography
  • Getting Started with Compass
  • Modular Media Queries
  • Sass Grid System
  • Understanding CSS Transitions and Transforms
  • Understanding Flexbox and Multi-Column Layout
  • SMACSS and Sass
  • Sass and BEM
  • Combine and Minify Assets
  • Optimize Assets
  • Measuring Performance
  • Planning for Performance
  • Creating an SVG
  • Introduction to SVG
  • Computer Languages
  • Computer Basics
  • Treehouse Club - JavaScript
  • Treehouse Club - CSS
  • Welcome to the Treehouse Club
  • JavaScript Objects
  • JavaScript Arrays
  • Getting Modular with Mixins and Functions
  • JavaScript Loops
  • Advanced Selectors
  • Going Further with Attribute Selectors and Pseudo-Classes
  • Selectors - Beyond the Basics
  • Fundamental Concepts
  • Designing with the Latest Features
  • Basic Layout
  • The Box Model
  • Understanding Values and Units
  • Basic Selectors
  • Getting Started with CSS
  • Finalizing the Project
  • Case Studies and Examples
  • The Brand Identity Design Process
  • Introduction to Brand Identity
  • Moving Forward with UX
  • Tools UXers Use
  • How UXers Think
  • What Do User Experience Designers Do?
  • What is User Experience (UX)?
  • Final Project: Create a Typographic Site
  • Laying Out Type for the Web
  • Basic Web Typography
  • How to Choose and Use Webfonts
  • Introduction to Typography
  • Going Mobile
  • Designing Email with CSS
  • Coding HTML Email
  • HTML Email Basics
  • Improving Usability
  • Mobile Usability
  • Website Usability
  • What is Usability?
  • The Logo Sprint
  • Logo Design 101
  • AngularJS MVC Frameworks
  • JavaScript Functions
  • JavaScript Conditional Statements
  • JavaScript Numbers
  • JavaScript Variables
  • Introducing JavaScript
  • Customizing Google Maps
  • Google Maps Integration
  • jQuery Plugins
  • Form Validation and Manipulation
  • Introduction to jQuery
  • Workflows
  • Working With Remote Repositories
  • Merging
  • Branches
  • Getting Started With Git
  • Why Version Control Matters
  • Custom Media Players
  • Captioning Video
  • Media Basics
  • Installing Programs
  • Environment and Redirection
  • Console Processes
  • Console Users and Permission
  • Moving Around in the Console
  • Chrome DevTools Basics
  • AJAX and APIs
  • jQuery and AJAX
  • Programming AJAX
  • AJAX Concepts
  • Structuring Tables
  • Table Basics
  • Traversing and Manipulating the DOM with JavaScript
  • Selecting Elements and Adding Events with JavaScript
  • JavaScript and the DOM
  • Creating a Simple Drawing Application
  • Creating a Password Confirmation Form
  • Creating a Mobile Drop Down Menu
  • Creating a Simple Lightbox
  • Creating a Spoiler Revealer
  • Introduction to jQuery
  • Choosing Options
  • Organizing Forms
  • Form Basics
  • JavaScript Objects
  • JavaScript Functions
  • JavaScript Arrays
  • JavaScript Numbers
  • JavaScript Strings
  • Introduction Variables
  • Functions
  • Objects and Arrays
  • Control Structures
  • Basics
  • Protecting and Sharing Your Work
  • Licensing
  • Fair Use and Public Domain
  • Getting Started with Copyright
  • Soft Skills - Psychology
  • Writing Online
  • Productivity
  • Presentation Skills
  • Important Skills For Professional Success
  • Getting Work Done
  • A Lifestyle Choice
  • Growing Your Business
  • Client Services
  • Sales and Pitching
  • Marketing and Promotion
  • Moving Beyond the Blog
  • Finding Business
  • Creating Content
  • Introduction to Blogging
  • Video Marketing
  • Email Marketing
  • Search Engine Optimization
  • Usability Testing
  • Usability Basics
  • Social Media
  • Creating a Long Term Business
  • Protecting Yourself With Contracts
  • Establishing a Proper Workflow
  • Pricing and Project Proposals
  • Finding Your First Project
  • Starting a Freelance Career
  • Making Money
  • Marketing Strategy
  • Introduction to Accounting
  • Marketing Basics
  • Forming Your Company
  • Corporate Structure
  • Why Start a Business?
  • Web Apps
  • Websites
  • Introduction
  • What's New in Foundation 5
  • Build a Website With Foundation
  • Prototyping With Foundation
  • Build a Website With Bootstrap
  • Prototyping With Bootstrap
  • Introduction to Front-End Frameworks
  • Advanced Techniques
  • Responsive Design
  • Adaptive Design
  • Fluid Foundation
  • Introduction to Responsive Web Design
  • Launching the Website
  • Styling Content
  • Creating a Website Structure
  • Text Editors and HTML
  • Website Basics
  • Advanced Sass Concepts
  • Speeding up Workflow With Sass
  • Variables, Mixins, and Extending Selectors
  • Getting Started with Sass
  • Better SEO Through Tools
  • Better SEO Through Code
  • Better SEO Through Content
  • Introduction to SEO
  • Creating Home Page Assets
  • Applying Effects
  • How to Draw in Illustrator
  •  Adding Color and Type
  • Creating an Icon
  • Introduction to Illustrator
  • Workflow Basics
  • Slices & Save for Web
  • Vector Shapes
  • Type Tools
  • Masks Basics
  • Layer Basics
  • Workspace Basics
  • Design Foundations Final
  • Becoming a Problem Solver
  • Understanding Aesthetics
  • Introduction to Design
  • Color Theory
  • Principles
  • Elements
  • Grid Layout
  • Flexbox Layout
  • Positioning Schemes
  • Float Layout
  • Display Modes
  • Media Queries
  • CSS Animations
  • Transitions and Transforms
  • Flexbox and Multi-Column Layout
  • Gradients
  • Web Typography
  • Backgrounds and Borders
  • CSS Box Model
  • Text, Fonts, and Lists
  • Values and Units
  • Advanced Selectors
  • Selectors
  • Getting Started with CSS
  • Forms
  • Tables
  • Objects
  • Links
  • Lists
  • Text
  • Introduction
  • Debugging HTML and CSS Problems
  • Sharing a Website
  • Responsive Web Design and Testing
  • Adding Pages to a Website
  • Styling Web Pages and Navigation
  • Customizing Colors and Fonts
  • CSS: Cascading Style Sheets
  • Creating HTML Content
  • HTML First
  • Beginning HTML and CSS
  • Newbie