Category: Web Programming
-
#02 – Core Concepts – Learn GraphQL
In this post, we have discussed the core GraphQL concepts e.g. schema, types, queries, mutations, and subscriptions with example codes.
-
#01 – Introduction – Learn GraphQL
In this post, we have discussed what is GraphQL, the differences between REST API’s and GraphQL API development architectures, and an example scenario to elaborate on the differences between the two approaches. What is GraphQL? It is a new API development standard It is a query language for API’s It provides declarative syntax to fetch…
-
#02 – Data Fetching – Learn Next.js
Next.js provides three functions to fetch data for pre-rendered pages: getStaticProps(): Used for static generation (pre-rendering technique) Fetches data at build-time When an async function getStaticProps() is called from the page component, the next.js will pre-render this page at build time using the props returned by that function (see Examples) The context parameter used as…
-
#01 Introduction – Learn Next.js
Next.js is a framework used to develop production ready React applications. Next.js provides many useful features e.g. pre-rendering, smart bundling, dynamic file-based routing, route pre-fetching and many more. In this blog post, we have discussed the prerequisites, how to create next.js application, next.js pages, and pre-rendering techniques.
-
Ep. 001: What is HTML? Learn HTML & HTML5
This post belongs to the HTML course titled “Learn HTML & HTML5”. In this post, we have discussed what is HTML?
-
NPM Commands Not Working in Integrated Terminal of VSCode
Visual Studio Code (VSCode) provides an integrated terminal to run commands inside the current directory. Recently, I installed VSCode and tried to run the NPM commands and it shows following errors:
-
Common PHP Warnings/ Errors and their Solutions
Recently, we have updated our PHP version to the latest stable version (7.4.9) for our WordPress website. After the update we started getting PHP warnings. We have listed some of the warnings with their possible solutions in this blog post.
-
Get Started with Redux in React Application
Create a file src/store/index.js and add following code in it: To link our app with the redux store update the main app file as follows:
-
Angular Concepts
In this blog post, we have discussed some JavaScript and Angular concepts.
-
How to Optimize an Angular Application?
In this blog post, we have listed some of the techniques which can be used to optimize the speed, loading time and performance of an angular application.
-
Angular Application is not working in IE11?
If your angular application is not working in IE11, then the following simple steps can be used to make it work.
-
Server Side Pagination Using NodeJS, MongoDB and Angular Material Tables
Normally, we use Angular Material’s data tables with pagination (mat-paginator) to list the results. This is not an efficient and optimal approach particularly if there are lots of records to show in the table. Angular Material’s pagination just divides the received records into the paginated records. So, if we need to display lots of records…
-
Get Started with MongoDB on the Localhost
In this post, we have discussed the steps required to get started with MongoDB on the localhost.
-
#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.
-
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 command: npx expo init
-
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,…