Shineyrock | web design Clarksville, VA blog • How to Install and Set Up a New WordPress WooCommerce Theme

Google+

Shineyrock

web design & consultancy

2023 2022 2021 2020 2019 2018 2017 2016 2015 2014 2013 2012
12 11 10 09 08 07 06 05 04 03 02 01

Shineyrock

blog

like 10 21
How to Install and Set Up a New WordPress WooCommerce Theme
1. July 2016
2. Daily
3. read 869
WooCommerce is the most popular and “most customizable eCommerce platform for building your online business.” You can download WooCommerce for free, but you really begin to see its power when you start using WordPress WooCommerce plugins and themes.
But do you really need to use a WooCommerce theme?
While it's not required, I highly recommend it.
Not only are WooCommerce themes eCommerce-centric by design, the entire theme is centered around WooCommerce styles. The CSS that WooCommerce uses to define how products are displayed is then used by the WordPress WooCommerce theme to really pull everything together—making for some of the most beautifully designed eCommerce storefronts.
Not to mention the fact that installing and setting up a new WordPress WooCommerce theme isn't any more difficult than setting up any other WordPress theme.
Let me show you how to do it.
How to Install and Set Up a New WordPress WooCommerce Theme

If you already have WooCommerce installed, that's great! If not, I highly recommend Rachel McCollin's Beginner's Guide to Using WooCommerce. This will introduce you to WooCommerce and take you through all the steps needed to get your online storefront up and running.
Now let's get started with how to install and set up a new WordPress WooCommerce theme.
Step 1: Install Dummy Data
If you've already added your products to WooCommerce, I recommend skipping this step and starting with step 2.
Installing dummy data adds fictional products to your storefront to help you visualize your store with products. After you've completed installation and set up your new WordPress WooCommerce theme, you'll want to delete all the dummy data before adding your products. Otherwise you risk accidentally deleting your own product data.
The dummy data is included with your WooCommerce plugin. If you've installed WooCommerce within the WordPress Admin, go ahead and download the plugin from the WordPress Plugin Directory to your computer. This will be easier than logging into your FTP, going into your plugin directory, and downloading the dummy data from there.
Once your download is complete, unzip the file so you're ready to import your dummy-data.xml file.
Go to your Tools and click on Import:
Don't let the “WooCommerce Tax Rates (CSV)” confuse you. This can be done later if you like. For the WooCommerce Dummy Data, you'll want to choose WordPress.
More than likely you won't have the WordPress Importer plugin installed, so go ahead and Install Now.
Once installed, go ahead and Activate Plugin & Run Importer.
Do you remember where you downloaded and unzipped the WooCommerce plugin? Great! Now you need to click Choose File and make your way to it.
Your dummy data should be in your unzipped folder: (woocommerce.version.number) > woocommerce > dummy-data.
Open the dummy-data folder, select dummy-data.xml, and you're ready to upload the file and import.
This is the last thing you'll need to do before importing all the dummy data.
Some of this is personal preference, but here's what I do (screenshot further below):
Import the default author “wooteam” instead of creating a new author or using a preexisting author. This way you know what content was imported/created in this process based on the author name (I recommend deleting the author when you remove the dummy data after you've finished installing and setting up your new WordPress WooCommerce theme).
I also recommend that you Download and import attachments so that you have images associated with each product (again, you'll want to make sure the media is removed when you're finished with the dummy data).
Once you've made these selections, submit:
Visit yourwebsite.com/shop/ and you should see a fully imported test store:
Yeah! You did it!
It's not very well designed, is it? Good thing we're going to install a great-looking WordPress WooCommerce theme like Savoy.
(NOTE: After you're done installing and setting up your theme, don't forget to delete the products and images from the dummy data import before you start adding your own products.)
Step 2: Install a WordPress WooCommerce Theme
Now, let's look at how to install WooCommerce theme. If you haven't downloaded your WordPress Commerce theme already, go ahead and download it to your computer (make sure you know where you're downloading it, so you can access it).
There are two different ways you can install your theme:
1. Access your website using FTP
2. From the WordPress Admin
FTP Your Theme

If you're comfortable using FTP, go ahead and connect to your server and make your way to the wp-content > themes directory. This is where you'll want to send your theme. Before you send your unzipped folder to your server, however, make sure you're sending your theme. Let's take a closer look by using our example WordPress theme from ThemeForest.
After unzipping your download, you'll see there are a number of different folders:

Not every theme you download will be packaged like this. Sometimes the zipped folder you download is the actual theme folder. It's always a good idea to double-check, since this varies from place to place.
The Savoy - Minimalist AJAX WooCommerce Theme includes some extra things like documentation, assets, etc. If you look in the Theme Files folder for Savoy, you'll find your theme (savoy.zip).
If you're installing via FTP, go ahead and upload your unzipped theme folder (for example: “savoy”) into the themes directory. If you're not sure about using FTP or would prefer to install from the WordPress Admin, that's fine. I prefer using the WordPress Admin, too.
From the WordPress Admin

Installing a WordPress theme from the Admin requires that the theme folder be zipped (themefolder.zip). As we discussed previously, you'll want to make sure you're working with the actual theme folder and not the folder your theme may be packaged in.
From the WordPress Admin, under Appearance, click Themes:
Add new theme:
Upload theme:
Do you remember where your theme zip file is located?
(Our example theme is titled: savoy.zip)
Click Choose File and make your way to it:
Once installed, you can visit Appearance > Themes in your WordPress Admin to see if it's installed or click to activate it straight away.
As you can see (below), the Savoy theme has installed successfully, so mouse over and Activate:
Now that your WordPress WooCommerce theme is successfully installed and activated, let's set it up.
Step 3: Set Up a WordPress WooCommerce Theme
Not every theme is customized exactly the same. How a theme is designed and developed is a large factor, so there may be some differences between this tutorial and what you may be facing. Generally speaking, however, this should help you get your WordPress WooCommerce theme set up—no matter what WooCommerce theme you're using from ThemeForest or anywhere else.
Recommended/Required Plugins

After installing and activating the Savoy theme, you'll be notified of recommended plugins:
Sometimes your theme notifies you of recommended plugins while others include recommendations in their documentation. There can be theme design functions—such as optional sliders—that are not coded into the theme, but are accommodated for.
Click on Begin installing plugins in the Savoy theme to see the list of recommended plugins:
Again, this will vary from theme to theme, but in this case, you may or may not want to install all of these.
For example, while Savoy recommends Contact Form 7 and includes styling for it, you may not want to use this plugin for your contact form. You may want to use something like Gravity Forms or Ninja Forms.
A plugin like Regenerate Thumbnails is an excellent plugin to use for those who have an existing store set up and have their images configured for a previous theme. This plugin will go through your WordPress Media Library and resize all your images to work with your new theme. You may or may not want to do this with the dummy data, and you may want to skip this plugin altogether (but I recommend doing it anyway, so that all the media is sized correctly for testing purposes).
A plugin like the Envato Toolkit, however, is very important for themes purchased through ThemeForest, ensuring that you are notified of theme updates.
I would recommend installing all of the recommended plugins when you get started. You can always remove a plugin later if you don't need it, whereas if you don't install a plugin that's needed, you could get frustrated because the theme isn't “working” or doing something you liked on the demo.
Once you've installed all, some, or none of the recommended and/or required plugins, don't forget to activate them:
If you're using a theme purchased from ThemeForest, such as our example theme Savoy, don't forget to enter your Marketplace Username and Secret API Key in the Envato WordPress Toolkit to ensure proper theme updates.
Customize
This is the part of installing and setting up your WordPress WooCommerce theme when it gets really fun and you start to see your website come to life.
You can access the WordPress Customizer from the menu in WordPress: Appearance > Customize. Or go to the Themes page under Appearance > Themes and then click the Customize button:
Welcome to the WordPress Customizer:
Here's where we will make a few tweaks before getting into deeper configuration.
The first thing you'll see is Site Identity. This is where you can change your Site Title and Tagline.
Sometimes this is where you can add a custom header image and/or Site Icon as well (this will vary from theme to theme).
Next up, configure your menus:
If this is a new WooCommerce setup or you haven't created any pages, there may not be much for you to "customize" yet. With WooCommerce installed, however, it automatically added some pages that I'm sure you'll want to have added to your menu right away.
You can easily add and create a new menu:
Once you've added a menu (or several), you can select where you would like the menu to appear as well as the different menu items (such as custom links, posts, pages, products, etc.).
This gives you a lot of flexibility with how you would like your WooCommerce site to function. Don't be afraid to play around with it or change it later.
Before we leave the WordPress Customizer, you'll want to tell WordPress to make the front page your store:
Mark Front page displays as A static page and select the Front page to be your Shop page. The Shop page was automatically created when you installed the WooCommerce plugin.
As for the Posts page, this depends on where or not you want a blog on your WooCommerce site. If so, you'll need to create a blog page and select that on this page of the WordPress Customizer or in the WordPress Admin Settings > Reading.
The Results
With some basic configuration, you can see how great your online store can look using a WordPress WooCommerce theme:
The individual product pages look amazing:
It even includes related products:
The Savoy - Minimalist AJAX WooCommerce Theme allows you to easily fine-tune many elements within your site and can go far behind anything I've covered in this tutorial (be sure to read through your theme's documentation to learn more about your theme specifically). I only showed you changes that could be made within the WordPress Customizer and can usually be made on just about any theme you might be using.
Conclusion
You can clearly see how easy these initial first steps in configuring your new WordPress WooCommerce theme can be and how good it looks—simply by using a WordPress theme designed specifically for WooCommerce.
There are many useful WordPress WooCommerce plugins available on CodeCanyon and some beautifully designed and effective WordPress WooCommerce themes on ThemeForest.
Looking at some of the best-selling ThemeForest WooCommerce themes might be a good place to start (Savoy is still my favorite). I am sure you'll find something that fits your eCommerce store perfectly. Or browse through our featured showcase to find just the right one for your store:
- WooCommerce
  
  15 Best WooCommerce Themes: To Make a Better Online Store
  
  Brenda Barron
What are you using WooCommerce to sell?
martijn broeders

founder/ strategic creative at shineyrock web design & consultancy
e-mail: .(JavaScript must be enabled to view this email address)
phone: 434 210 0245

Like

disLike

10

Add a comment...

Comments

Name*

Email*

location

URL

Comment {comment}

Remember my personal information Notify me of follow-up comments?

By - category

By - date

December, 2023
December 07The Best Small Business Web Designs by DesignRush
/
2
October, 2022
October 09Create Modern Vue Apps Using Create-Vue and Vite
/
8
September, 2022
September 15Pros and Cons of Using WordPress
/
-5
September 12How to Fix the “There Has Been a Critical Error in Your Website” Error in WordPress
September 12How To Fix The “There Has Been A Critical Error in Your Website” Error in WordPress
August, 2022
August 22How to Create a Privacy Policy Page in WordPress
/
7
August 22WordPress Website Maintenance Guide For Beginners
/
8
April, 2022
April 12How Long Does It Take to Learn JavaScript?
/
-1
April 12How Long Does it Take to Learn JavaScript
/
1
January, 2022
January 11The Best Way to Deep Copy an Object in JavaScript
/
-2
December, 2021
December 25Read a CSV to an Array in PHP
/
4
December 25Read a CSV to Array in PHP
/
-6
December 02Adding and Removing Elements From Arrays in JavaScript
/
-2
December 02Create a JavaScript AJAX Post Request: With and Without jQuery
/
8
November, 2021
November 235 Real-Life Uses for the JavaScript reduce() Method
/
-9
July, 2021
July 15How to Enable or Disable a Button With [removed] jQuery vs. Vanilla
/
2
July 15How to Enable or Disable a Button With [removed] jQuery vs Vanilla
/
-3
July 09Confirm Yes or No With JavaScript
/
-4
June, 2021
June 19How to Change the URL in [removed] Redirecting
/
-3
June 0715+ Best WordPress Twitter Widgets
/
-2
May, 2021
May 3127 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/
11
May 3121 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/
-11
May 2630 HTML Best Practices for Beginners
/
-7
May 1731 Best WordPress Calendar Plugins and Widgets (With 5 Free Plugins)
/
5
May 1325 Ridiculously Impressive HTML5 Canvas Experiments
/
-4
May 12HTTP Headers for Dummies
/
1
May 06How to Implement Email Verification for New Members
/
4
May 06How to Create a Simple Web-Based Chat Application
/
7
April, 2021
April 2730 Popular WordPress User Interface Elements
/
-4
April 20Top 18 Best Practices for Writing Super Readable Code
/
2
April 19Best Affiliate WooCommerce Plugins Compared
/
-10
March, 2021
March 3018 Best WordPress Star Rating Plugins
/
15
March 2510+ Best WordPress Twitter Widgets
/
3
March 1720+ Best WordPress Booking and Reservation Plugins
/
5
February, 2021
February 25Working With Tables in React: Part Two
/
-3
February 25Best CSS Animations and Effects on CodeCanyon
/
-17
February 2530 CSS Best Practices for Beginners
/
3
February 22How to Create a Custom WordPress Plugin From Scratch
/
3
May, 2020
May 1410 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options
/
-5
May 1316 Best Tab and Accordion Widget Plugins for WordPress
/
-5
April, 2020
April 2818 Best WordPress Membership Plugins and 5 Free Plugins
/
5
April 1725 Best WooCommerce Plugins for Products, Pricing, Payments and More
/
2
April 0910 Best WordPress Twitter Widgets
1 /
13
- 7 years ago waly Good blog post. I absolutely love this…
March, 2020
March 0512 Best Contact Form PHP Scripts for 2020
/
-4
February, 2020
February 2520 Popular WordPress User Interface Elements
/
-4
February 1410 Best WordPress Star Rating Plugins
/
-4
January, 2020
January 3112 Best CSS Animations on CodeCanyon
/
-1
January 1512 Best WordPress Booking and Reservation Plugins
/
1
January 0920 Best WordPress Calendar Plugins and Widgets
/
-2
December, 2019
December 3012 Elegant CSS Pricing Tables for Your Latest Web Project
/
8
December 1924 Best WordPress Form Plugins for 2020
/
-2
November, 2019
September, 2019
September 0614 Best PHP Event Calendar and Booking Scripts
/
-1
September 02Getting Started With Django: Newly Updated Course
/
-1
July, 2019
July 26Create a Blog for Each Category or Department in Your WooCommerce Store
/
2
April, 2019
April 128 Best WordPress Booking and Reservation Plugins
/
-15
March, 2019
March 14Best Exit Popups for WordPress Compared
/
19
March 14Best Exit Popups for WordPress Compared
/
-4
March 0411 Best Tab & Accordion WordPress Widgets & Plugins
/
-11
March 0412 Best Tab & Accordion WordPress Widgets & Plugins
1 /
3
- 8 years ago harriett What's up, after reading this awesome…
February, 2019
February 04New Course: Practical React Fundamentals
/
2
January, 2019
January 21Short Course: Better Angular App Architecture With Modules
/
3
January 09Preview Our New Course on Angular Material
/
5
January 08Build Your Own CAPTCHA and Contact Form in PHP
/
-1
December, 2018
December 03Object-Oriented PHP With Classes and Objects
/
1
December 02Best Practices for ARIA Implementation
/
-5
December 02Accessible Apps: Barriers to Access and Getting Started With Accessibility
/
-3
November, 2018
November 15Dramatically Speed Up Your React Front-End App Using Lazy Loading
/
18
October, 2018
October 3015 Best Modern JavaScript Admin Templates for React, Angular, and Vue.js
/
-15
October 2915 Best Modern JavaScript Admin Templates for React, Angular and Vue.js
/
3
October 2719 Best JavaScript Admin Templates for React, Angular, and Vue.js
/
3
October 18New Course: Build an App With JavaScript and the MEAN Stack
/
11
October 12Hands-on With ARIA: Accessibility Recipes for Web Apps
/
8
October 0410 Best WordPress Facebook Widgets
13
- 9 years ago Cathleen Wonderful, what a website it is! This…
- 9 years ago Sharyn Ѕimply a smiling ѵisitant heгe to…
- 9 years ago shelby What's up it's me, I am also visiting…
- 9 years ago Lottie I read this paragraph completely…
September, 2018
September 28Hands-on With ARIA: Accessibility for eCommerce
/
6
September 19New eBooks Available for Subscribers
/
-10
September 18Hands-on With ARIA: Homepage Elements and Standard Navigation
/
10
September 1320 Best jQuery Image Sliders
/
-6
September 04Site Accessibility: Getting Started With ARIA
/
5
August, 2018
August 22How Secure Are Your JavaScript Open-Source Dependencies?
/
-4
August 20New Course: Secure Your WordPress Site With SSL
/
-3
August 17Testing Components in React Using Jest and Enzyme
/
-9
August 10Testing Components in React Using Jest: The Basics
/
-5
July, 2018
July 3015 Best PHP Event Calendar and Booking Scripts
/
-2
June, 2018
June 28Create Interactive Gradient Animations Using Granim.js
/
9
June 12How to Build Complex, Large-Scale Vue.js Apps With Vuex
1
- 8 years ago Frankenicerm Get exactly what you want with custom…
June 08Examples of Dependency Injection in PHP With Symfony Components
/
-5
May, 2018
May 28Set Up Routing in PHP Applications Using the Symfony Routing Component
1 /
9
- 8 years ago romeo You certainly deserve a round of…
May 25A Beginner’s Guide to Regular Expressions in JavaScript
/
9
May 25Introduction to Popmotion: Custom Animation Scrubber
/
-5
May 23Introduction to Popmotion: Pointers and Physics
/
-10
May 22New Course: Connect to a Database With Laravel’s Eloquent ORM
/
-5
May 11How to Create a Custom Settings Panel in WooCommerce
/
-14
May 04Building the DOM faster: speculative parsing, async, defer and preload
1 /
3
- 8 years ago Melissa Perfect info, thanks!
May 0320 Useful PHP Scripts Available on CodeCanyon
3 /
51
- 8 years ago darios Valuable info. Lucky me I found your…
- 8 years ago Vern Link exchhange is nothing else excelt…
- 10 years ago Patsy Bryan Wow, that's what I was seeking for,…
April, 2018
April 26How to Find and Fix Poor Page Load Times With Raygun
/
1
April 20Introduction to the Stimulus Framework
/
-11
April 20Single-Page React Applications With the React-Router and React-Transition-Group Modules
/
1
April 18Testing in Laravel
/
7
April 1612 Best Contact Form PHP Scripts
1 /
-3
- 9 years ago tammie I am sure this piece of writing has…
April 16Getting Started With the Mojs Animation Library: The ShapeSwirl and Stagger Modules
/
1
April 13Getting Started With the Mojs Animation Library: The Shape Module
/
-3
April 11Getting Started With the Mojs Animation Library: The HTML Module
/
4
April 09Project Management Considerations for Your WordPress Project
/
-7
April 028 Things That Make Jest the Best React Testing Framework
/
3
March, 2018
March 30Creating an Image Editor Using CamanJS: Layers, Blend Modes, and Events
/
-1
March 28New Short Course: Code a Front-End App With GraphQL and React
/
2
March 28Creating an Image Editor Using CamanJS: Applying Basic Filters
/
-14
March 26Creating an Image Editor Using CamanJS: Creating Custom Filters and Blend Modes
/
-1
March 23Modern Web Scraping With BeautifulSoup and Selenium
/
1
March 20Challenge: Create a To-Do List in React
1 /
-1
- 8 years ago mezo Post wrting іs allso a excitement, іf…
March 19Deploy PHP Web Applications Using Laravel Forge
/
-2
March 16Getting Started With the Mojs Animation Library: The Burst Module
/
6
March 14JWT Authentication in Django
/
-10
March 0810 Things Men Can Do to Support Women in Tech
/
-3
February, 2018
February 28A Gentle Introduction to Higher-Order Components in React: Best Practices
/
-4
February 28Challenge: Build a React Component
/
-4
February 27A Gentle Introduction to HOC in React: Learn by Example
/
3
February 26A Gentle Introduction to Higher-Order Components in React
/
-6
February 26Creating Pretty Popup Messages Using SweetAlert2
/
5
February 24Creating Stylish and Responsive Progress Bars Using ProgressBar.js
/
18
February 2318 Best Contact Form PHP Scripts for 2022
/
-3
February 19How to Make a Real-Time Sports Application Using Node.js
/
-1
February 19Creating a Blogging App Using Angular & MongoDB: Delete Post
/
-15
February 16Set Up an OAuth2 Server Using Passport in Laravel
February 16Creating a Blogging App Using Angular & MongoDB: Edit Post
February 15Creating a Blogging App Using Angular & MongoDB: Add Post
February 14Introduction to Mocking in Python
February 14Creating a Blogging App Using Angular & MongoDB: Show Post
/
9
February 13Creating a Blogging App Using Angular & MongoDB: Home
/
8
February 12Phoenix I18n
/
4
February 12Creating a Blogging App Using Angular & MongoDB: Login
/
13
February 09Creating Your First Angular App: Implement Routing
/
13
February 08Persisted WordPress Admin Notices: Part 4
/
-3
February 08Creating Your First Angular App: Components, Part 2
/
4
February 07Persisted WordPress Admin Notices: Part 3
/
4
February 07Creating Your First Angular App: Components, Part 1
February 06How Laravel Broadcasting Works
February 06Notifications in Laravel
/
9
February 06Persisted WordPress Admin Notices: Part 2
/
-2
February 06Create Your First Angular App: Storing and Accessing Data
/
4
February 05Persisted WordPress Admin Notices: Part 1
/
-2
February 02Error and Performance Monitoring for Web & Mobile Apps Using Raygun
/
5
February 02Using Luxon for Date and Time in JavaScript
7 /
-7
- 8 years ago earlene This text is invaluable. How can I find…
- 8 years ago amelie I needed to thank you for this great…
- 8 years ago noe vance Hi, for all time i used to check…
- 8 years ago brayden Pretty! This was an extremely wonderful…
January, 2018
January 30How to Create an Audio Oscillator With the Web Audio API
/
-5
January 29How to Cache Using Redis in Django Applications
/
2
January 2620 Essential WordPress Utilities to Manage Your Site
/
-6
January 26Introduction to API Calls With React and Axios
/
16
January 25Beginner’s Guide to Angular 4: HTTP
/
12
January 24Rapid Web Deployment for Laravel With GitHub, Linode, and RunCloud.io
/
10
January 24Beginners Guide to Angular 4: Routing
/
-8
January 23Beginner’s Guide to Angular 4: Services
January 22Beginner’s Guide to Angular 4: Components
/
3
January 19Creating a Drop-Down Menu for Mobile Pages
/
6
January 18Introduction to Forms in Angular 4: Writing Custom Form Validators
/
4
January 1510 Best WordPress Booking & Reservation Plugins
January 13Getting Started With Redux: Connecting Redux With React
/
15
January 13Getting Started With Redux: Learn by Example
/
15
January 13Getting Started With Redux: Why Redux?
/
10
January 12Understanding Recursion With JavaScript
/
-2
January 12How to Auto Update WordPress Salts
/
-4
January 11How to Download Files in Python
/
-3
January 10Custom Events in Laravel
/
-21
January 08Eloquent Mutators and Accessors in Laravel
1 /
15
- 8 years ago mezo Ι love it whenever people get…
January 02Handling Forms in Vue.js
/
-10
December, 2017
December 26Components in Vue.js
/
12
December 2210 Best HTML5 Sliders for Images and Text
/
7
December 21Site Authentication in Node.js: User Signup
/
-3
December 20Creating a Task Manager App Using Ionic: Part 2
/
3
December 19Creating a Task Manager App Using Ionic: Part 1
/
2
December 19Introduction to Forms in Angular 4: Reactive Forms
/
2
December 18Exception Handling in Laravel
/
4
December 18Introduction to Forms in Angular 4: Template-Driven Forms
/
2
December 1824 Essential WordPress Utilities to Manage Your Site
/
-3
December 1825 Essential WordPress Utilities to Manage Your Site
/
-11
December 13Get Rid of Bugs Quickly Using BugReplay
1 /
-16
- 7 years ago madison I see you don't monetize your site,…
December 11Manipulating HTML5 Canvas Using Konva: Part 1, Getting Started
/
6
December 0810 Must-See Easy Digital Downloads Extensions for Your WordPress Site
/
-2
December 0722 Best WordPress Booking and Reservation Plugins
/
-4
December 07Understanding ExpressJS Routing
/
-6
December 0515 Best WordPress Star Rating Plugins
/
11
December 03Creating Your First Angular App: Basics
/
-1
November, 2017
November 30Inheritance and Extending Objects With JavaScript
/
-9
November 28Introduction to the CSS Grid Layout With Examples
1 /
4
- 8 years ago quito Hello. And Bye.
November 26How to Send Emails in Laravel
/
6
November 24Performant Animations Using KUTE.js: Part 5, Easing Functions and Attributes
/
-9
November 23Performant Animations Using KUTE.js: Part 4, Animating Text
/
-13
November 22Performant Animations Using KUTE.js: Part 3, Animating SVG
/
-8
November 21New Course: Code a Quiz App With Vue.js
/
-1
November 21Performant Animations Using KUTE.js: Part 2, Animating CSS Properties
/
3
November 206 Cutting-Edge React Courses
/
8
November 20Performant Animations Using KUTE.js: Part 1, Getting Started
/
1
November 1710 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)
/
-3
November 14Single-Page Applications With ngRoute and ngAnimate in AngularJS
/
-13
November 13Deferring Tasks in Laravel Using Queues
/
-5
November 13Get Started With Vue Router
/
2
November 09Site Authentication in Node.js: User Signup and Login
/
11
November 07Working With Tables in React, Part Two
/
-17
November 06Working With Tables in React, Part One
/
4
November 06How to Set Up a Scalable, E-Commerce-Ready WordPress Site Using ClusterCS
/
-4
November 01New Course on WordPress Conditional Tags
/
3
October, 2017
October 31TypeScript for Beginners, Part 5: Generics
October 30How to Deploy With Deployer
/
-14
October 26Building With Vue.js 2 and Firebase
6 /
14
- 8 years ago Peden Hello! I'm at work browsing your blog…
- 8 years ago cameron Very great post. I just stumbled upon…
- 8 years ago juliane mckibben WOW just what I was looking for. Came…
- 8 years ago carissa That is a good tip especially to those…
October 25Testing a Node.js API
/
-8
October 24Task Scheduling in Laravel
October 24Best Unique Bootstrap JavaScript Plugins
/
-9
October 20Package Management in Laravel
/
-2
October 19Essential JavaScript Libraries and Frameworks You Should Know About
/
7
October 19Gates and Policies in Laravel
/
1
October 12Vue.js Crash Course: Create a Simple Blog Using Vue.js
/
-13
October 10Build a React App With a Laravel RESTful Back End: Part 1, Laravel 5.5 API
/
5
October 05API Authentication With Node.js
/
-4
October 01Beginner’s Guide to Angular: HTTP
/
7
October 01Beginner’s Guide to Angular: Routing
/
-4
October 01Beginners Guide to Angular: Routing
/
-4
October 01Beginner’s Guide to Angular: Services
/
3
October 01Beginner’s Guide to Angular: Components
September, 2017
September 30How to Create a Custom Authentication Guard in Laravel
/
6
September 28Learn Computer Science With [removed] Part 3, Loops
/
-5
September 27Build Web Applications Using Node.js
/
1
September 27Learn Computer Science With [removed] Part 4, Functions
/
4
September 26Learn Computer Science With [removed] Part 2, Conditionals
/
11
September 25Learn Computer Science With [removed] Part 1, The Basics
/
-2
September 22Create Interactive Charts Using Plotly.js, Part 5: Pie and Gauge Charts
/
-9
September 21Create Interactive Charts Using Plotly.js, Part 4: Bubble and Dot Charts
/
16
September 20Create Interactive Charts Using Plotly.js, Part 3: Bar Charts
/
-12
September 19Awesome JavaScript Libraries and Frameworks You Should Know About
/
-5
September 19Create Interactive Charts Using Plotly.js, Part 2: Line Charts
/
-8
September 15Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js
/
-6
September 15Build a To-Do API With Node, Express, and MongoDB
/
-7
September 14Getting Started With End-to-End Testing in Angular Using Protractor
/
9
September 14TypeScript for Beginners, Part 4: Classes
/
-17
September 13Object-Oriented Programming With JavaScript
/
5
September 1210 Best Affiliate WooCommerce Plugins Compared
/
6
September 12Stateful vs. Stateless Functional Components in React
/
8
September 12Make Your JavaScript Code Robust With Flow
/
-3
September 11Build a To-Do API With Node and Restify
/
6
September 08Testing Components in Angular Using Jasmine: Part 2, Services
/
1
September 06Testing Components in Angular Using Jasmine: Part 1
/
1
September 01Creating a Blogging App Using React, Part 6: Tags
/
-10
August, 2017
August 31React Crash Course for Beginners, Part 3
/
4
August 30React Crash Course for Beginners, Part 2
/
8
August 30React Crash Course for Beginners, Part 1
/
2
August 29Set Up a React Environment, Part 4
1 /
10
- 9 years ago abrazil Hello, I check your blog like every…
August 29Set Up a React Environment, Part 3
/
-11
August 29New Course: Get Started With Phoenix
/
-9
August 28Set Up a React Environment, Part 2
/
1
August 28Set Up a React Environment, Part 1
August 25Command Line Basics and Useful Tricks With the Terminal
/
4
August 24How to Create a Real-Time Feed Using Phoenix and React
/
-4
August 22Build a React App With a Laravel Back End: Part 2, React
/
3
August 22Build a React App With a Laravel RESTful Back End: Part 1, Laravel 9 API
/
-5
August 17Creating a Blogging App Using React, Part 5: Profile Page
/
-1
August 14Pagination in CodeIgniter: The Complete Guide
/
21
August 11JavaScript-Based Animations Using Anime.js, Part 4: Callbacks, Easings, and SVG
August 10JavaScript-Based Animations Using Anime.js, Part 3: Values, Timeline, and Playback
/
-1
August 02Learn to Code With [removed] Part 1, The Basics
/
4
July, 2017
July 3110 Elegant CSS Pricing Tables for Your Latest Web Project
/
-8
July 31Getting Started With the Flux Architecture in React
/
-2
July 27Getting Started With Matter.js: The Composites and Composite Modules
/
2
July 25Getting Started With Matter.js: The Engine and World Modules
/
16
July 2410 More Popular HTML5 Projects for You to Use and Study
/
-23
July 21Understand the Basics of Laravel Middleware
/
-3
July 21Iterating Fast With Django & Heroku
/
8
July 20Creating a Blogging App Using React, Part 4: Update & Delete Posts
/
4
July 19Creating a jQuery Plugin for Long Shadow Design
/
-11
July 18How to Register & Use Laravel Service Providers
2 /
-13
- 8 years ago alexandria Hi, its fastidious article on the topic…
- 8 years ago soi keo I always spent my half an hour to read…
July 12Unit Testing in React: Shallow vs. Static Testing
/
4
July 05Creating a Blogging App Using React, Part 3: Add & Display Post
/
15
June, 2017
June 30Creating a Blogging App Using React, Part 2: User Sign-Up
20 /
-3
- 8 years ago carris This piece of writing presents clear…
- 8 years ago marissa Great write-up, I am normal visitor of…
- 8 years ago ena As a Newbie, I am always exploring…
- 8 years ago beth Thank you for another fantastic post.…
June 29Creating a Blogging App Using React, Part 1: User Sign-In
/
7
June 239 More Popular HTML5 Projects for You to Use and Study
/
16
June 22Creating a Grocery List Manager Using Angular, Part 2: Managing Items
/
8
June 219 Elegant CSS Pricing Tables for Your Latest Web Project
/
-1
June 19Dynamic Page Templates in WordPress, Part 3
/
-2
June 17Angular vs. React: 7 Key Features Compared
/
6
June 15Creating a Grocery List Manager Using Angular, Part 1: Add & Display Items
/
2
June 13New eBooks Available for Subscribers in June 2017
/
6
June 13Create Interactive Charts Using Plotly.js, Part 1: Getting Started
/
10
June 12The 5 Best IDEs for WordPress Development (And Why)
/
-1
June 0833 Popular WordPress User Interface Elements
/
2
June 07New Course: How to Hack Your Own App
/
-11
June 05How to Install Yii on Windows or a Mac
/
4
June 01What Is a JavaScript Operator?
/
-6
June 01How to Register and Use Laravel Service Providers
/
8