Windows 10 Features

• Fresh Look such as mac based
• New Interface
• Start Menu 
• Snap Layouts
• Compatibility checker for Windows 10
• More

Microsoft has provided an Offer given to Windows 10 users who have able to upgrade Windows 11 free of cost. so windows 10 users has no problem updating. so Windows 11 has not been launched any rollout changes or any ISO file to windows users. So I not recommended trying alternate sources to get windows 11 ISO. Because Windows 11 is not stable, it’s under beta version and it not officially announced, it may release in this year or middle of this year.After getting update officially you can start update as your choice

Steps  to check on windows 10  Compatibility

Requirements to install windows 11 

• 1 GHz or Faster with 2 or more cores 64-bit compatible processor 
• Minimum 4GB RAM Recommended
• 64 GB free Space
• Direct X12 Compatible graphics/WDDM 2.x
• Internet Connection 
• For more details check on the below link

Next Steps you need to download the PC Health Check App on below link and test whether your PC is compatible with Windows 11

For Installation and More Details Please check on video Below

Official Website for Download PC Helath Check App 

https://www.microsoft.com/en-us/windows/windows-11

The post Windows 11 compatibility, overview, updates appeared first on Maxic Solutions.

What is Styleguide?

Styleguide is a communication medium and common pattern/method between designers and developers. In other words said, design and development must be developed on a common framework/design systems has been followed. These common systems are colors, fonts, layouts, etc.

Styleguide Website

In Design has provided the inbuilt option to add a style guide in Zeplin/Figma. But developers  needs to create a website for a style guide. This takes time, but some of the time not able to do. Pattern Lab provides a style guide website creation using handlebars js  and JSON.

Pattern Lab

Pattern Lab provides ready-made basic templates to implement our  own style guide easily. They provide an atomic design system and common predefined patterns to add new patterns easily using handlebars and JSON.

Installation Steps

• Step 1 : Install requirements

Make sure you have Node.js installed before setting up Pattern Lab, e.g. by checking for the node version: node -v

Please make sure to have at minimum version node 7 installed, but even better at least the node version that’s being mentioned in .nvmrc; Node version manager might be a good option if you can’t update.

• Step 2 :Run a command to create  Pattern lab in your machine

npm create pattern-lab

• Step 3:This will create pattern setup easily, It asks the folder to install, by defaults it chooses default folder, next press enter if you want u can choose your folder also
• Step 4: Then, it asks Templating Language, I Choose handlebars, for PHP you can choose TWIG also.
• Step 5: Then it will show the list of the options to choose, I choose Handlebars base patterns (some basic patterns to get started with). This is your choice based on the requirement.
• Step 6:Then ask are you happy, I Enter, That’s all installation, you refer to the below video link for installation add my own pattern

Installation and Customization Video 

The post Create a Custom StyleguideWebsite Easily using pattern lab appeared first on Maxic Solutions.

Now we will dive into the concept, there are steps and video tutorials provided in this blog 

Steps

• Install the Bootstrap in the angular app, install the latest version of bootstrap using the npm command, it installs the latest version of bootstrap.

npm install bootstrap

• Next, add the boostrap.min.css in angular JSON under styles array, then rerun the angular app, the bootstrap styling will work.

 "styles": [
              "src/styles.scss",
              "node_modules/bootstrap/dist/css/bootstrap.min.css"
            ],

• Then create the components for post element, pagination, navbar using the following command

ng g c componentname

• Next, a create service for HTTP requests for getting WordPress posts.
• GetPost method is used for getting HTTP request using HTTP Client Module
• Then Get post returns an observable, so you can subscribe.

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class PostsService {

  constructor(private http: HttpClient) { }

  configUrl = 'http://localhost/angularUniversal/backendUniversal/wordpress/wp-json/wp/v2/posts';

  getPosts(){
    return this.http.get(this.configUrl);
  }
}

• Then console here, and also check the network the tabs, it shows the response
• In the component, I write a getPostsWordpress method to get the request.

 getPostsWordpress(){
    this.posts.getPosts().subscribe((res)=>{
      console.log(res)
    })
  }

• In the next step, I used on ngOnInit angular hook for getting post when the component load on application, it returns nothing so I used void here.

 ngOnInit(): void {
    this.getPostsWordpress();
  }

These steps are explained clearly in the video below and provide the code in the Github repository link.

The next steps are coming soon, stay tuned on maxicsolutions.

The post Connect WordPress Post with angular using API appeared first on Maxic Solutions.

Rest API in WordPress

Rest API is a URL to communicate between client and server via that URL. WordPress has an inbuilt rest is there. In this section, we need to customize the API for adding the category section.

By default, WordPress doesn’t have the category section in the WordPress post API.So we need to add some function to add the category section in the WordPress theme file. Before working on the theme file, you need to take a backup for editing.

I write a function here for getting the category details for posts.

function rest_api($data,$post,$request){ //Data
	$_data = $data->data;

	//Get the category using Post ID
	$category = get_the_category($post->ID);
	$_data['category']=$category;
	$data->data = $_data;

	return $data;

}

add_filter('rest_prepare_post','rest_api',10,3);

File Link

Click here to view function.php

Explanation and Demo video for the code

JSON Formatter 

In chrome when seeing JSON format not able to view the good appearance, it seems cumbersome. This JSON formatted chrome extension will help to see some clear view for that.

Git Hub Repository Link  for Frontend and Backend Universal

The post Angular Universal Part 3 create a rest API in WordPress appeared first on Maxic Solutions.

Blogger vs WordPress

Blogger

• Hosting Cost is Free
• SEO friendly
• Low Themes
• Low Plugins
• Template Based

WordPress

• Easy to Customize 
• Lots of themes
• A lot of Plugins
• SEO Effective
• Hosting needs to buy
• Own Control

So some of up and down for WordPress and blogger, Blogger Customization explain step by step and each part in the video tutorial

This video explaining the background color change and theme switching

Background Color Change

• You can background color using theme editor also
• Second option by manually change CSS also, before edit the blogger template please take a backup and proceed with it.

Theme Switching

• Theme switching is an easy process to select the theme and click apply that’s all

For further updates and tutorial steps,maxicsolutions will provide please stay tuned with us.

The post Blogger Theme Customizing Tutorial part 1(Background color and theme changing) appeared first on Maxic Solutions.

Android apps on PC

In this article, I have shown, how to run android apps on a pc using App Players. In most popularly known app player is bluestack. Bluetstack is the most popular and recommended android app player on pc to run android applications. I made several videos about bluestack, in my first video also bluestack only,views crossed around  2 Lakhs views for guided to install the bluestack lower version on dual-core PCs. Nowadays technology has been changed and  windows 7 has been discounted, a lot of dramatic changes have been happening to this world in 2020. So most of the systems use Windows 7, but that is not a problem either windows 10 or  7, you must update the graphics driver of the system. I made the latest video about how to run android apps on pc or laptop in windows.

How Andriod actually works on PC?

Actually, in  PC’s using android os has been as used as a virtual os in windows. Andriod  App Players has been tweak changes in Andriod  OS and released to the official. It has been some system requirements to install the Andriod app player on PC. In this article, I explain two android app player Installations such as Bluestacks and NOX Player.

1. Bluestack Installation

Bluestack needs some basic system requirements to install an app player on a PC. These Requirements are getting from the Bluestack Official Website.

System Requirements

Minimum system requirements

• OS: Microsoft Windows 7 and above.
• Processor: Intel or AMD Processor.
• RAM: Your PC must have at least 2GB of RAM. (Note that having 2GB or more disk space is not a substitute for RAM)
• HDD: 5GB Free Disk Space.
• You must be an Administrator on your PC.
• Up to date graphics drivers from Microsoft or the chipset vendor.

Recommended system requirements

• OS: Microsoft Windows 10
• Processor: Intel or AMD Multi-Core Processor with Single Thread PassMark score > 1000.
• Processor: Intel or AMD Multi-Core Processor with Single Thread PassMark score > 1000.
• RAM: 8GB or higher
• HDD: SSD (or Fusion/Hybrid Drives)
• Internet: Broadband connection to access games, accounts, and related content.
• Up to date graphics drivers from Microsoft or the chipset vendor.

You can check also the Official Download Link

Official Download Link

Installation Steps

• Just Download Bluestack from Official Website
• You need to ensure and  check the  latest graphics driver has been installed on the PC
• Next check the system requirements
• Once all are matched you start installing the bluestack.

Official Download Link

2.Nox Player

Nox Player is also an android app player to run android apps on PC using some less recommended configuration.

System Requirements

• Windows OS: Windows XP SP3 / Vista / 7 / 8 and 10
• Mac: Mac Sierra 10.12/10.11
• Processor: Dual-Core Processor
• RAM: at least 2 GB
• Storage: at least 2 GB
• Video: Supports Open GL 2.0 and above

Installation Steps

• Just Download Nox Player from Official Website
• You need to ensure and  check the  latest graphics driver has been installed on the PC
• Next check the system requirements
• Once all are matched you start installing the Nox.

Official Download Link

Official Download Link

Installation Demo Steps on Youtube

You can check Installation Demo Video on Youtube

Installation Video

The post How to run Andriod Apps on PC or Laptop in Windows appeared first on Maxic Solutions.

Why Wamp?

WamppServer is used to run PHP, MySQL, apache. PHP users are used wampp to run PHP code.

Why latest wamp is not working in windows 7 OS

Windows 7 has been ended in January 2020, it is outdated and stop updates for that and required some additional files to install the wampp server. so when seeing the error message “This Program does not support the version of windows your computer is running”. This message indicates the wampp server doesn’t support this version of windows, because upgrades to be stopped and this wampp is compatible with the latest version of windows.

Possible solutions for Installing wamp in windows 7

First Solutions, need to downgrade the wamp version 3 to wamp server 3. I tried wampserver2.5 in windows 7, it has been successfully Installed in windows7 and the second solution to be wamp alternative is xampp. xampp is good compared to wampp in windows 7 if you want you, can try the second solution. These solutions are to be suggestions for installing wampp in windows 7. The Solutions are explained below step by step.

Solutions

Solutions 1

• First Step, Download a wampserver2.5 , I give links below to download 64 and 32 bit wamp for windows 

• Download Essentials to install wampp, essential are compulsory need to install wamp on your windows 7. I give links below to download the essentials

Essential 1 : Download Visual C++ Redistributable for Visual Studio 2012 Update 4

Essential 2: Microsoft Visual C++ 2008 Redistributable Package

Installation Video For Understanding

Solution 2:

Try wampp alternative xampp to support up to PHP 7.

The post how to install wamp in windows 7 and possible fix for installing wamp appeared first on Maxic Solutions.

This is also a wamp alternative in windows 7, In windows7 users faced many problems when using wamp. So xampp is the best solutions to install in windows 7.This is simple steps only for installing xampp

• First download Xampp from the official website, Note xampp installation should be the same for all windows operating systems. I provide the link below.

• The next step after download xampp and then start Install xampp, UAC ask need to turn off its windows, it’s better to turn off UAC on windows.
• After Download finished then  start the xampp control and start the Apache, MySQL 
• You can run the following URL  http://localhost for xampp control panel
• ” htdocs ” is a root folder for the store and run projects 
• http://localhost/phpmyadmin, it is used for PHPMYADMIN for creating a database for your project
• If you need more clarity about that, you can check on my video tutorial in the link below.

The post Installing Xampp in windows 7,8,10 appeared first on Maxic Solutions.

The essential need for Installing Jupyter notebook

The python need to be installed on your machine before Please check the link for Installing python

Installation Steps for Installing Jupyter Notebook

• First go to Jupyter installation offical site  I give link below

• Next open terminal and add command “python -m  pip install jupyterlab “
• It takes some time to install, please wait for that and then start jupyter using the following command in terminal
• “jupyter notebook”
• It opens a new tab in the browser window, you can and enjoy using jupyter notebook. If you want more details or a demo you can watch the video link below

The post How To Run Python script in a notebook with jupyter Installation appeared first on Maxic Solutions.

I made a demo or tutorial video to run python script on windows

Video Link

For Installation Check this video

Video Link

Steps to Run Python Script in Python Shell

• Make Sure Python is Installed
• Make Sure Python Path added to  the Windows Environment
• Click Start Menu
• Type ‘Python’
• Click Python Shell
• Now for testing type 1+2 result shows 3  it works well

Steps to Run Python Script in CMD

• Make Sure Python is Installed
• Make Sure Python Path added to  the Windows Environment
• Click Start Menu
• Type  ‘cmd’
• type  ‘python’
• Now for testing type  ‘1+2’  result shows 3  it works well

The post Run python script on windows 7,8,10 using python shell and windows command prompt appeared first on Maxic Solutions.