#Vuejs

[iamishraqhcdev]

Application Programming Interface (API)

What is API?

API is the acronym for Application Programming Interface, which is a software intermediary that allows two applications to talk to each other. It is a way for computers to share data or functionality, but computers need some kind of interface to talk to each other.

When you use an application on your mobile phone, the application connects to the Internet and sends data to a server. The server then retrieves that data, interprets it, performs the necessary actions and sends it back to your phone. The application then interprets that data and presents you with the information you wanted in a readable way. This is what an API is - all of this happens via API.

Building Blocks of API

There are three building blocks of an API. These are:

dataset

requests

response

Let’s elaborate these blocks a bit.

An API needs a data source. In most cases, this will be a database like MySQL, MongoDB, or Redis, but it could also be something simpler like a text file or spreadsheet. The API’s data source can usually be updated through the API itself, but it might be updated independently if you want your API to be “read-only”.

An API needs a format for making requests. When a user wants to use an API, they make a “request”. This request usually includes a verb (eg: “GET”, “POST”, “PUT”, or “DELETE”), a path (this looks like a URL), and a payload (eg: form or JSON data). Good APIs offer rules for making these requests in their documentation.

An API needs to return a response. Once the API processes the request and gets or saves data to the data source, it should return a “response”. This response usually includes a status code (eg: “404 - Not Found”, “200 - Okay”, or “500 - Server Error”) and a payload (usually text or JSON data). This response format should also be specified in the documentation of the API so that developers know what to expect when they make a successful request.

Types of API

Open APIs - Also known as Public APIs. These APIs are publicly available and there are no restrictions to access them.

Partner APIs - These APIs are not publicly available, so you need specific rights or licenses to access them.

Internal APIs - Internal or private. These APIs are developed by companies to use in their internal systems. It helps you to enhance the productivity of your teams.

Composite APIs - This type of API combines different data and service APIs.

SOAP - It defines messages in XML format used by web aplications to comunicate with each other.

REST - It makes use of HTTP to GET, POST, PUT or DELETE data. It is basically used to take advantage of the existing data.

JSON-RPC - It uses JSON for data transfer and is a light-weight remote procedural call defining few data structure types.

XML-RPC - It is based on XML and uses HTTP for data transfer. This API is widely used to exchange information between two or more networks.

Features of API

It offers a valuable service (data, function, audience).

It helps you to planabusiness model.

Simple, flexible, quickly adopted.

Managed and measured.

Offers great developer support.

Examples of API

Razorpay API

Google Maps API

Spotify API

Twitter API

Weather API

PayPal API

PayTm API

HubSpot API

Youtube API

Amazon's API

Travel Booking API

Stock Chart API

API Testing Tools

Postman - Postman is a plugin in Google Chrome, and it can be used for testing API services. It is a powerful HTTP client to check web services. For manual or exploratory testing, Postman is a good choice for testing API.

Ping API - Ping API is API testing tool which allows us to write test script in JavaScript and CoffeeScript to test your APIs. It will enable inspecting the HTTP API call with a complete request and response data.

VREST - VREST API tool provides an online solution for automated testing, mocking, automatic recording and specification of REST/HTTP APIS/RESTful APIs.

When to create an API and when not to

Its very important to remember when to create and when not to create an API. Let’s start with when to create an API…

You want to build a mobile app or desktop app someday

You want to use modern front-end frameworks like React or Angular

You have a data-heavy website that you need to run quickly and load data without a complete refresh

You want to access the same data in many different places or ways (eg: an internal dashboard and a customer-facing web app)

You want to allow customers or partners limited or complete access to your data

You want to upsell your customers on direct API access

Now, when not to create an API…

You just need a landing page or blog as a website

Your application is temporary and not intended to grow or change much

You never intend on expanding to other platforms (eg: mobile, desktop)

You don’t understand the technical implications of building one.

A short 30 second clip to understand it

View this post on Instagram

A post shared by Ishraq | Frontend • Backend • Fullstack Developer 🇧🇩🇩🇪 (@codewithishraq)

Word of advice for newbies

Please don’t wait for people to spoon-feed you with every single resource and teachings because you’re on your own in your learning path. So be wise and learn yourself.

Check out my book

I have curated a step by step guideline not just for beginners but also for someone who wants to come back and rebrush the skills. You will get to know from installing necessary tools, writing your first line of code, building your first website, deploy it online and more advanced concepts. Not only that, I also provided many online resources which are seriously spot on to master your way through. Grab your copy now from here. Or you can get it from this link below.

About Me

I am Ishraq Haider Chowdhury from Bangladesh, currently living in Bamberg, Germany. I am a fullstack developer mainly focusing on MERN Stack applications with JavaScript and TypeScript. I have been in this industry for about 11 years and still counting. If you want to find me, here are some of my social links....

Instagram

TikTok

YouTube

Facebook

GitHub

[mobio-solutions]

These are the top Web App Framework to watch out for in 2023 that can assist you in putting new ideas into action and staying ahead of the competition in this dynamic ecosystem.

[timetocode]

How to mix vuex / vue with HTML5 games

Do you want a vue ui mixed with Babylon.js, Three.js, PIXI.js, canvas, Webgl, etc? Or maybe just to store some variables... or make reactive changes? Here's how it works in a few of my games... There are 3 main points of integration. These are mutating state in the store (writing to a variable in the store), reading state from the store (accessing the store variables from other places), and reacting to changes in state (triggering a function when a value in the store changes).

First, how do you expose the store? Well you can literally just export it and then import it. Or be lazy and stick it on window.store. You'll want to have a sensible order of initialization when your game starts up so that you don't try to access the store before it exists. But games already use loaders etc to load up their images and sounds, so there's a place for that. Load up the store first, probably.

For reading state from the store you can use a syntax like store.getters['setttings/graphicsMode']. It can be a little simpler than that, but this shows the synatx for a store nested within a store. In my game for example, I have a gameStore and a settingsStore just because I didn't feel like putting *all* of the properties into one giant vuex config. One can also access the state via store.state.settingsStore.someProperty but this is reading it directly instead of uses the getter. You probably want to use the getter, because then you can have a computed property, but either will work. For writing state to the store, the key is store.dispatch. Syntax is like store.dispatch('devStore/toggleDeveloperMenu', optionalPayload). This is invoking the *action* which means you need to create actions instead of just using a setter with this particular syntax.

So that's reading and writing! But what about reactivity? Well lets say your game logic dispatches some state which enters the store, you'll find that if that state is displayed in your vue ui it is already reactive and working. For example if you store.dispatch('game/updateHitpoints', { hp: 50 }) and there's already ui to draw the hitpoint bar on the hud that is going to change automagically. But what if you're pressing buttons in your vue-based settings menu or game ui? How does one get the game itself to react to that? Well there are two some what easy ways (among a million homegrown options). The first is to use the window to dispatch an event from the same action that you use to update the state, and be sure that you always use the action instead of directly accessing the setter. This will work fine, and I did it at first, but there is a more elegant and integrated way. That is to use store.watch.

The store.watch(selector, callback) will invoke your callback when the state defined by the selector you provide changes. For example this is how to setup your game to change the rendering settings in bablyon js (pseudocode) whenever someone changes the graphics level from low | medium | high | ultra. store.watch(state => state.settings.graphicsMode, () => changeGraphics(store.getters['settings/graphicsMode']));; The first arg is the selector function, which in this case specifies that we're watching graphicsMode for changes. The second function is what gets invoked when it does change. The actual body of my changeGraphics function is skipped b/c it doesn't really matter.. for me it might turn off shadows and downscale the resolution or something like that. Personally I create a function called bindToStore(stateSelector, callback) which sets up the watcher and invokes it once for good measure. This way when my game is starting it up, as all the watchers get setup listening for changes, that first first invocation also puts the ui into the correct state. So that's writing, reading, and reacting to state changes across the border between vuex/vue and any html5 app or game engine by integrating with getters, actions via dispatch, and watchers. Good luck and have fun!

[why-tap]

WHY tap

[payapl8weru]

https://usatopsmm.com/product/buy-google-5-star-reviews/

[rehman-coding]

———————————————————————— ⭐ CAREER CHANGE TIPS ———————————————————————— 📌 How to become a self-taught developer? ⚡ Useful links and roadmaps in my bio! ———————————————————————— 📌 Follow: @rehman_coding 💼 Portfolio: https://a-rehman.com/ ⚙️ GitHub: https://github.com/MuhRehman 💎 LinkedIn: https://www.linkedin.com/in/abdul-rehman-%E2%9C%94-8611505b/ .Tags ⬇️- #webdeveloper #webdevelopment #web #reactjs #reactjsdeveloper #reactjsdevelopment #reactjsdevelopers #angularjs #angular #angulardeveloper #angulardevelopers #angulardevelopment #htmlcoding #htmlcss #kalilinux #vuejs #vuejsdeveloper #vuejsdevelopment #setup #setupgaming #setupcode #setupinspiration #dev #webdev #programminglife #programacion #software #softwaredeveloper #codemyjourneys https://www.instagram.com/p/CkMD8pnjnpy/?igshid=NGJjMDIxMWI=

[zabi-sahi]

🎭Crafts Work Website 🤔 Creative Work ShowCase Website😉

📥 Don't forget to save it for later use 📥

♥️You are a web developer ? web designer ? Hurray! You are in right hands.♥️

Follow me for latest updates and tips on 💎Creative web Development💎.

express your appreciation by giving it a like♥️!

✍️ Feel free to express your feeling and ask me questions 💎Trust me it motivates me a lot 💎

📲 Also share it with your ✨ Let's help each other grow 👊🏻

Your friends are Coders? ✨ Let's help each other grow 👊🏻 By share it with Your Friends📲

Hey! You forgot to: Like ♥️ | Share 📲 | Save 📥

Follow ➡ @zabi_sahi_portfolio For More ✨and Turn On Your Post Notifications 🔔

[openprogrammer]

Javascript string methods🔥 🎯Hit the like button 💬Share your thoughts in the comments! 📁Save for future reference Till then Happy Coding 👨🏻‍💻 !!! . . . . . . . . . . . . #javascript #js #angularjs #reactjs #angular #web #webdeveloper #html #css #css3 #html5 #frontend #frontenddeveloper #vuejs #expressjs #nodejs #coder #coding #programmer #programming #software #informationtechnology #java #python #php #codinggirl (at India) https://www.instagram.com/p/Clbu2icSwbr/?igshid=NGJjMDIxMWI=

[vuejs2]

https://ift.tt/R4yg8So A Way to Find Alternative npm Packages - https://t.co/1joRedCdHM

[iamishraqhcdev]

Baby Steps Towards Programming

The worldly situation of Tech

The world is changing and its moving more and more towards digitization. That means the tech industry is slowly taking over almost everything. A huge number of opportunities are opening everyday in this field. As such, it is seen that many people are slowly moving towards tech. There are people who have studied CS and now they are in tech. On the contrary, there are people with no CS degree but are doing great in the tech field.

As more and more people are stepping towards tech, there are even more who are wondering about trying to get on board. So there are some burning questions like, 

How do I start programming?

How do I get into tech?

How do I break into tech?

I want to learn programming but I don’t know where to start, so what can I do?

All these questions lead to only one answer. But I must tell you, this is not just any answer that you get asking a random question. Rather it is simply going to change your life if you follow the things properly and proceed step by step. There is one thing that you need to remember is that, once you are in the learning path, you will always be involved with the steps until the day you retire from all activities. So without further ado, let’s get started.

Why should you learn programming?

Before you start, you need to figure out why you want to learn programming. Apparently this will help you to find out which path you'll choose and with that you'll be able to know which programming languages you have to learn.

So, let's look into some benefits of learning programming,

Programming helps to build professional skills: Knowledge of computer programming is a valuable employment asset. As the world is moving more towards tech, the need to know programming is becoming more and more necessary. If you want to move to a more technical role from where you are at the moment or you want to make a career switch to tech, knowledge of at least one programming language is a must. Even if you’re not pursuing a strictly technical role, programming experience is an asset. It shows technical know-how, the ability to grasp abstract concepts, and that you can solve complex problems. Programming knowledge enables you to take freelance work as a full time career.

Programming can help you earn more: As said in the title, programming skills do let you earn more. The roles where you will be at as a programmer or a guy with necessary programming skills, will pay you almost twice the payment than somebody with the similar years of experience in a non-programming role.

Programming lets you create things: With programming skills, you can create whatever you want. Maybe you can create a mobile app or a web app, is upto you. Ultimately you can present this to the world. You can publish your project somewhere and monetize it. You can also let recruiters see what you are capable of with the projects that you have done and are letting the world see.

Programming skills can help you be self-employed: If you know programming, you can get freelance works and make your own money. Maybe you can get more and more projects and build yourself a freelance work agency. Even if you have a good idea, you can program a prototype and then make that a base to create your own startup. Showcasing that prototype to investors, you can get the necessary funding to run your startup. Again, with the knowledge you have or gain, you can coach newbies or sell programming ebooks that you have written based on your experience with the help of social media.

Willingness to break into tech and mistakes to avoid

Majority of the people have 9-5 day jobs. At the end of the week, they tire themselves out and search for a time and place to relax. But even amongst these people, some people emerge out successful. Who are these people? Those who are living the life they have during the weekdays and building the life they want during the weekends. Many people are coming towards tech just because it’s easy to spend some time, learn trending technologies and then land first jobs/clients. After sometime, they have their empire built.

There are many many people without CS degree but are doing outstanding in tech, even in companies like FAANG (Facebook, Apple, Amazon, Netflix, Google). How did they start? They took the initial step by printing a “Hello World”! Non tech people, when they start thinking of coming to tech, get all lost and confused seeing the huge numbers and codes that other people are doing. To avoid this mistake, instead of peeking at where the successful people are, peek at where they started.

How to start programming?

First and the foremost thing is, you need to look into various fields or paths which you want to take. That means you need to select a sector based on which you will look for roadmaps. So, go to google and search for "Careers in tech with Programming knowledge". There you will find different professions like Software Developer, Mobile App Developer, Data Scientist, Database Administrator, Machine Learning Engineer, IT Administrator and many more. You need to look into these sectors and find out what interests you the most. Take a note of the sectors that you are interested in.

Now, as you know what you want to be, you need to find out proper roadmaps from the scratch level to not only get you started, but also get you going along more advanced levels. So, you need to check out some websites like roadmap.sh or neuton.app. In such websites, you're going to find everything you need to get started and get going. All you need to do is go to these websites and then keep a track of where you are at and what you are learning from time to time. Just get along with the path that is being shown.

Once you know which programming languages you need to learn, go through the official documentation of each technology (google them and you’ll find them) for example for python, the official docs is found in the website python.org. In this way, consult the official docs first. Then, go to websites like w3schools.com or freecodecamp.org. In these websites you will find the programming tutorials from scratch and step by step. All you need to do is follow the steps and learn. The good thing is these are interactive tutorials, as such you will get a hands on experience with these langauges. Besides, there are several YouTube channels which will help you learn the programming languages you need from the very basic level. Visit YouTube channels like Programming With Mosh, Freecodecamp, CS Dojo, etc and many more. Other than that, if you want a structured learning path, you can always go to Coursera, EdX, Codecademy and many other websites and enrol in programming courses.

As you go on learning, the most important thing is to write code or should I say implement what you have learnt. The best way to do those is building projects. It does not have to be a big enterprise level project, rather it can only be a code of 5 lines, it doesn't matter. As long as you are building projects with what you have learnt, you are running on the right track.

It’s normal for everyone to get stuck with code. So never worry and always search for solutions in google. Some of the websites where you can find probable solutions are, Stackoverflow, Stackexchange, etc and many more.

Sometimes, you might have the need for constant monitoring. Look for mentors who offers coachings. You can find these programmers / developers in instagram who offer coaching services. Reach them out. If necessary, look for them in LinkedIn and try to reach them out as well. Maybe with the right mentor, your programming lessons will have a boost. But that still depends on how much concentration you are giving to learn.

The best way to learn if you are learning with other people. That means if you can be a part of a community. So, all you need to do is join some dev community which you might find in the form of a Discord server or Facebook Group or even an online forum. Join the community and learn together. See what problems people are facing and what solutions other people are advicing. When you have questions, ask in those forums. You will definitely get help from the dev community.

To keep yourself up-to-date with the modern tech world, you can look into dev articles. Search for these articles in google and maybe sign up so that you get a daily newsletter of the trending topics. One of the best websites is dev.to. Check it out.

One optional thing that I found rather very useful is document what you have learnt everyday. The best way to do that is maybe open up a new instagram account where you post daily about your progress and what you will learn next. With that, you will have the urge to learn faster and you will have a strong hold of the programming knowledges you are learning. And the best part, writing about your daily progress will attract more and more audience who will learn from you and at one point, your account will grow so big that you can monetise the account and make money with your programming knowledge. This is a totally different topic so I am not going into details.

Some projects to enhance your programming skills

This is the part which you will follow once you have a good hold of programming skills and you are capable of building small websites or apps. So then, you can work on these projects.

Construct a Responsive Multi-Page Website - Creating this application helps to better understand sizes of different devices so that the web pages do not break and they look clean at any dimension at any device.

Upgrade a Website Template that Already Exists - Building a website from the ground up may look to be intimidating at first. As you get started, you might want to consider using a site format with predetermined plan components, allowing you to apply a responsive design to an existing layout without starting from scratch.

Construct a Simple JavaScript Game - There is no existing system to work with when creating a game from the ground up. As you work through the hurdles, you become familiar with an incredible sum, which helps you become a better engineer. When you're finished, you'll have a fun game to show off in your portfolio!

Create a basic application - Your initial application does not have to be complicated; it might be as simple as a number cruncher or a daily schedule. New elements are inconsistent enhancements for current applications, so this is your chance to experiment with multiple approaches.

Python for Web Scraping - Web scraping entails getting organised material from the internet, selecting certain information, and transforming it into something new, such as investigating, storytelling resources, and so on. When you come across material on the internet that you can't download right away, try using your Python skills to extract the information into a format that can be imported.

Tips to follow to have a well decorated career

Here are some tips that you should follow as a beginner so that you have a well decorated tech career!

Learn, Adapt, Repeat — Everything you learn from scratch is new to you. So once you learn something, try to get the best hold of it by understanding the concepts about how things are happening and why they are happening. Repeat the same thing for every new thing you learn.

Network with other devs — It’s very important that you try to connect to other devs in different social and professional platforms. So when you need help, someone might assist you to your needs.

Have a side project — When you’ve learnt something, it’s very nice to create a pet project or multiple projects for yourself. And having a side project for yourself can be beneficial. Maybe you can turn it to something big slowly by dint of time.

Keep practicing problems — There are many websites where you can find programming problems or challenges which you can code and solve. One noteworthy website is Exercisim. There are problems to solve for 60 programming languages. This will keep up your practice and you’ll be a better programmer.

Build a portfolio website — This is the most important thing to do. Once you have some projects to showcase, build a website where you can portray yourself, your journey as a dev and the works you have done. This will be handy so that recruiters can better understand what you’re capable of, maybe you can show this to get freelance work and also other devs can get to know you well.

So, if you guys can maintain this properly, I am sure that you’ll be a better dev in no time, you’ll land your jobs earlier that others (hopefully) and you’ll succeed faster than other devs.

Word of advice for newbies

Please don’t wait for people to spoon-feed you with every single resource and teachings because you’re on your own in your learning path. So be wise and learn yourself.

Check out my book

I have curated a step by step guideline not just for beginners but also for someone who wants to come back and rebrush the skills. You will get to know from installing necessary tools, writing your first line of code, building your first website, deploy it online and more advanced concepts. Not only that, I also provided many online resources which are seriously spot on to master your way through. Grab your copy now from here. Or you can get it from this link below.

About Me

I am Ishraq Haider Chowdhury from Bangladesh, currently living in Bamberg, Germany. I am a fullstack developer mainly focusing on MERN Stack applications with JavaScript and TypeScript. I have been in this industry for about 11 years and still counting. If you want to find me, here are some of my social links....

Instagram

TikTok

YouTube

Facebook

GitHub

[my-uwu-cafe]

[frontendforever]

JavaScript Roadmap😎 Follow : @frontendforever for further updates #javascripttutorial #javascriptframework #javascriptmeme #javascriptmemes #javascripts #javascriptlearning #javascriptdeveloper #javascript #javascriptdevelopers #javascriptprojects #htmlcssjs #css #jquery #bootstrap #reactnative #reactjs #angular #angularjs #vuejs #materialui #python #mysqlserver #mysqli #mongodb #expressjs #mernstack #meanstack #fullstack #frontenddevelopment #backendprogrammer https://www.instagram.com/p/CR4MRyqLK25/?utm_medium=tumblr

[rehman-coding]

———————————————————————— ⭐ CAREER CHANGE TIPS ———————————————————————— 📌 How to become a self-taught developer? ⚡ Useful links and roadmaps in my bio! ———————————————————————— 📌 Follow: @rehman_coding 💼 Portfolio: https://a-rehman.com/ ⚙️ GitHub: https://github.com/MuhRehman 💎 LinkedIn: https://www.linkedin.com/in/abdul-rehman-%E2%9C%94-8611505b/ .Tags ⬇️- #webdeveloper #webdevelopment #web #reactjs #reactjsdeveloper #reactjsdevelopment #reactjsdevelopers #angularjs #angular #angulardeveloper #angulardevelopers #angulardevelopment #htmlcoding #htmlcss #kalilinux #vuejs #vuejsdeveloper #vuejsdevelopment #setup #setupgaming #setupcode #setupinspiration #dev #webdev #programminglife #programacion #software #softwaredeveloper #codemyjourneys https://www.instagram.com/p/CkMSVuwjV4s/?igshid=NGJjMDIxMWI=

[untiedblogs]

How to become a front end developer? . . I hope this post will help you❤️ . . Follow @untied_blogs Hit like | share | Comment your thoughts 💓 . . " Need a content writer DM me" . . #html_css #htmlcode #html5 #css3 #js #frameworks #libraries #react #angularjs #vuejs #css3code #htmlcoding #webdevelop #javascriptdevelopers #learnjavascript #htmltemplate #htmlandcss #javascript #javascript #frontenddevelopment #frontenddev #fullstack #fullstackdeveloper #frontenddeveloper #codingbootcamp #buildtheweb #programming_language #bootstrap #untied_blogs (at Pune, Maharashtra) https://www.instagram.com/p/CYEmtthFKwL/?utm_medium=tumblr