Get Started with MongoDB on the Localhost
In this post, we have discussed the steps required to get started with MongoDB on the localhost.
Category Tech
#03 – Components – Learn Angular From Scratch with Junaid Hassan
In this post, we will learn about components and how to create new components in an Angular 9 application using Angular CLI. We will create the required components for our application and will show how components can be used to organize the content of the application.
Demo – UniLMS – A Learning Management System – WordPress Plugin
In this post, we will have a demo of our learning management system known as UniLMS which is shipped as a WordPress plugin. We will discuss the main features, modules, and components of the plugin. We will also test the…
Introduction To React Server-Side Rendering (SSR)
In this blog post, we have discussed what is React server-side rendering, what's the difference between client-side rendering and server-side rendering and shared some code snippets for the server-side rendered React applications.
#02 – Create First Angular Application – Learn Angular From Scratch with Junaid Hassan
This is the second part of the series "Learn Angular 9 From Scratch". In this post, we will learn how to create a new Angular application using Angular Command Line Interfacer i.e. Angular CLI.
#01 – Introduction – Learn Angular From Scratch with Junaid Hassan
In this post, we will learn: 1. What is Angular? 2. What are Single Page Applications (SPA's)? 3. What are the prerequisites to create an angular application? 4. What is NodeJS and Node Package Manager (npm)? 5. What is Angular CLI?
Introduction To Basic Git Commands
Git/Github is a very powerful version control management tool used by the developers to manage the source code of the projects. In this blog post, we have listed all of the basic Git commands along with the short description of their usage.
Introduction To React Native Mobile Application Development
The following are the points to create a simple React Native mobile application. Make sure NodeJS is installed Install expo-cli, globally by running the command: npm install -g expo-cli If you get an error while installing the expo-cli, run the…
Profile Image Upload Functionality Using Angular and Node
In a recent project, I was working on a user profile component that can be used by the user to edit their profile information. A part of that component was a profile image section which lets the user change their profile picture. The profile picture is sent to the Node API via HTTP Post request, stored in a folder and then name/URL of the image is stored in the database. In this post, I will share the code on how to implement this functionality.
A Guide To WordPress REST API Authentication
WordPress provides a REST API to get, update, and delete the WordPress website data. This means that we can use WordPress CMS as a backend system to create & manage content and Angular or React to design our frontend application to consume the content using the WordPress REST API. In this blog post, we discussed the authentication process to safely and securely consume WordPress data using WordPress REST API.
Checklist For Developing A WordPress Website
WordPress is a very powerful and popular content management system to design and develop professional websites. In this blog post, we have provided a checklist for developing a WordPress website.
Introduction To React
React or ReactJS is a front-end JavaScript library to create and design user interfaces. It's being used in many popular and powerful websites like Facebook, PayPal, Airbnb, Apple, Microsoft, Twitter, etc. In this blog post, we discussed what's React and what are its foundational concepts and features.
Online Marketing Foundations – Tips and Tricks
In this blog post, we have discussed important types, channels, strategies and components of successful online marketing campaigns. Online Marketing Channels: Search Social Video Email Display 3 Types of Online Marketing Paid (e.g Google Adwords, Facebook Ads, etc.) Owned (e.g…
Fetching Data From API With useState and useEffect Hooks In React App
In previous blog post, we learned how to get started with creating a very basic react app. In this blog post we will share a snippet to fetch data from API route with useState and useEfeect hooks in react app.
Get Started With ReactJS 2020
ReactJS or React is a JavaScript library to create and design interactive user interfaces. Following is a list of steps/commands to get started with ReactJS/ React App.
How To Access Block Directory Inside Gutenberg Block.js File?
Sometimes, we need to access the block directory url inside Gutenberg block.js file (see following scenario). Let's say that inside the block folder you have an images folder containing logo.png image and you want to access that image inside the block.js file. In this blog post we will learn how to access the image inside images folder from block.js file.
Create Gutenberg Template Using Inner Blocks
In previous blog posts, we have learned how to create custom Gutenberg blocks. In this tutorial we will learn how to create Gutenberg template with pre-defined blocks using inner blocks component.
Add Custom Button In Formatting Toolbar – Gutenberg Block Development
WordPress provides Format API to add custom buttons in formatting toolbar to apply specific styles to the selected text. When a format is applied to a text selection, the text selection is wrapped with HTML tag. In this tutorial, we will learn how to register a new format, add a button in the toolbar and apply the format when the button is clicked.
Are You Ready For WordPress 5.4? Features and Important Markup Changes
WordPress 5.4 is planned to be released on March 31, 2020. The first release candidate for WordPress 5.4 is already released on March 03, 2020. In this blog post, we will discuss the new features and important code changes coming in WordPress 5.4 so that the theme and plugin developers can prepare themselves and plan the version updates accordingly.
How To Convert Weebly Blog To Multi Column Layout – Weebly App
Weebly is a content management system (CMS) with drag and drop editor as its core selling feature. The drag and drop editor provide widgets for almost any type of content type (title, paragraph, image, video and many more). Weebly also provides the functionality to create a blog page with drag and drop enabled post editor. By default, the blog posts in Weebly are displayed on top of each other. In this tutorial, we will learn how to convert Weebly blog to multi column layout (2 columns or 3 columns) using a Weebly App (PRO) named as Post Columns.