teleren/devto huggingface dataset:
How to Change PHP.ini Configuration on Mac for Laravel Valet
Tags: php, webdev, mac, valet
Published: 2021-07-01 08:35:32

If you are using [Laravel Valet](https://laravel.com/docs/8.x/valet) for local development on your Mac then you might need to change the `php.ini` configuration to suit your needs. It can be either increasing `memory_limit`, `max_execution_time` etc. 

> If you want to configure/setup [Laravel Valet](https://laravel.com/docs/8.x/valet) on Mac M1 then you can follow my previous article [here](https://dev.to/ibrarturi/mac-m1-setup-for-local-development-with-laravel-valet-2lmk).

Recently, I wrote an [article](https://dev.to/ibrarturi/gui-for-laravel-valet-2pc5) about how to configure [PHP Monitor](https://github.com/nicoverbruggen/phpmon) which provides you the visual information about [Laravel Valet](https://laravel.com/docs/8.x/valet) and different configurations. It can also let you local PHP configuration file `php.ini`

By default all the PHP versions will be located in `/usr/local/etc/php`

Let's say, your current active version of PHP is `7.3` and you want to change the `max_execution_time` value. Go to the following location: `/usr/local/etc/php/7.3`

Here you will find `php.ini` file which is the main configuration file. But there is another file `php-memory-limits.ini` located inside the `conf.d` folder. By default this fill will have the following configuration:

```bash
; Max memory per instance
memory_limit = 512M

;The maximum size of an uploaded file.
upload_max_filesize = 512M

; Sets max size of post data allowed. 
; Changes to this will also need to be reflected in Nginx with client_max_body_size
; This setting also affects file upload. To upload large files, this value must be larger than upload_max_filesize
post_max_size = 512M

```
which overrides the main `php.ini` file configurations.

For `max_execution_time` you can add it to this file with your desired value and the whole file will look like this:

```bash
; Max memory per instance
memory_limit = 512M

;The maximum size of an uploaded file.
upload_max_filesize = 512M

; Sets max size of post data allowed. 
; Changes to this will also need to be reflected in Nginx with client_max_body_size
; This setting also affects file upload. To upload large files, this value must be larger than upload_max_filesize
post_max_size = 512M

; Maximum execution time of each script, in seconds
; http://php.net/max-execution-time
; Note: This directive is hardcoded to 0 for the CLI SAPI
max_execution_time = 1800
```
Restart the PHP and verify your changes.
avaScript equivalent or alternative to jquery.ready()
Published: 2021-07-01 08:28:51

##Pure JavaScript equivalent or alternative to jquery.ready()


In this post, we will give you information about Pure JavaScript equivalent or alternative to jquery.ready(). Here we will give you detail about JavaScript equivalent or alternative to jquery.ready() And how to use it also give you demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/javascript-equivalent-or-alternative-to-jquery-ready/

There is no doubt that jQuery is a very useful and powerful DOM manipulation library that is used nowadays by the majority of, if not all, web developers but many times developers are using it without really thinking if it’s absolutely necessary to use it or not. For example in situations when you just need to use one method from the whole library, in our tutorial case what if you need to check if the DOM is fully loaded so you can execute your JavaScript code safely, perhaps the only method that comes to your mind is jQuery.ready() which is a nice method to check for if the DOM is ready but it’s not logical at all to include a whole library just for the sake of utile method even if it’s the awesome jQuery.So is there any equivalent or alternative in pure JavaScript for doing the same thing jquery.ready() does for us?

For more Info Visite :- https://www.onlinecode.org/javascript-equivalent-or-alternative-to-jquery-ready/

Hope this code and post will help you to implement [TIP] Pure JavaScript equivalent or alternative to jquery.ready(). if you need any help or any feedback give it in the comment section or you have a good idea about this post you can give it the comment section. Your comment will help us to help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/javascript-equivalent-or-alternative-to-jquery-ready/
External Plain JavaScript Libraries TypeScript
Published: 2021-07-01 08:27:41

##External Plain JavaScript Libraries in TypeScript

In this post, we will give you information about How To Use External Plain JavaScript Libraries in TypeScript Projects. Here we will give you detail about How To Use External Plain JavaScript Libraries in TypeScript projects and how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/external-plain-javascript-libraries-in-typescript/

Use External Plain JavaScript Libraries in TypeScript Projects

For more Info Visite :- https://www.onlinecode.org/external-plain-javascript-libraries-in-typescript/

If you are into front-end development then you probably have used or at least heard of all modern frameworks built-in TypeScript or ES6 (TypeScript is just ES+) and used with build systems such as Webpack and SystemJS.TypeScript is a modern language created by Microsoft, it’s a strongly typed superset of JavaScript which has support for OOP and other modern features such as decorators. TypeScript compiles JavaScript since browsers and node understand JavaScript.

For more Info Visite :- https://www.onlinecode.org/external-plain-javascript-libraries-in-typescript/

Hope this code and post will help you implement How To Use External Plain JavaScript Libraries in TypeScript Projects. if you need any help or any feedback give it in the comment section or you have a good idea about this post you can give it in the comment section. Your comment will help us to help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/external-plain-javascript-libraries-in-typescript/
Building a Fake and JWT Protected REST API
Published: 2021-07-01 08:25:13

##Building a Fake and JWT Protected REST API with json-server

In this post we will give you information about Building a Fake and JWT Protected REST API with JSON-server. Here we will give you detail about Building a Fake and JWT Protected REST API with json-server And how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/javascript-array-from-nodelist-and-arguments/

More often than not when you are building a front-end application with libraries like React, Vue or Angular etc. you’ll need to work with a back-end API that may not be ready at that time so you’ll have to build a mock API to develop against which can be time consuming. Here comes json-server–a simple Node.js server that allows you to create fully working REST APIs in a matter of minutes without the hassle of installing and configuring a database system and you can even add JWT authentication to your endpoints using jsonwebtoken by adding a few lines of code.

For more Info Visite :- https://www.onlinecode.org/javascript-array-from-nodelist-and-arguments/

Hope this code and post will helped you for implement Building a Fake and JWT Protected REST API with json-server. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/javascript-array-from-nodelist-and-arguments/
Handling CORS in Express 4 – Express 4 CORS
Published: 2021-07-01 08:23:48

##Handling CORS in Express 4 – Express 4 CORS

In this post, we will give you information about Handling CORS in Express 4 – Express 4 CORS. Here we will give you detail about Handling  CORS in Express 4 – Express 4 CORS And how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/handling-cors-in-express-4-express-4-cors/

CORS stands for Cross-Origin Resource Sharing and allows modern web browsers to be able to send AJAX requests and receive HTTP responses for resources from domains other than the domain serving the client-side application for Handling CORS in Express 4 – Express 4 CORS.

For more Info Visite :- https://www.onlinecode.org/handling-cors-in-express-4-express-4-cors/

If you have ever been developing an application that is making XHR requests to a cross-domain origin and getting an error like the following in your browser console?

For more Info Visite :- https://www.onlinecode.org/handling-cors-in-express-4-express-4-cors/

Hope this code and post will help you implement Handling CORS in Express 4 – Express 4 CORS. if you need any help or any feedback give it in the comment section or you have a good idea about this post you can give it the comment section. Your comment will help us to help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs
HSL (and HSLa) Colors in CSS
Published: 2021-07-01 08:22:47

##HSL (and HSLa) Colors in CSS

In this post, we will give you information about HSL (and HSLa) Colors in CSS. Here we will give you detail about HSL (and HSLa) Colors in CSS and how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/hsl-and-hsla-colors-in-css/

CSS has a hsl() function that is used to define colors in the HSL format which stands for Hue, Saturation, and Lightness. All these three values can be set in the hsl() function in their respective order.

For more Info Visite :- https://www.onlinecode.org/hsl-and-hsla-colors-in-css/

The hue component of HSL specifies the angle (degrees) in the color wheel.

For more Info Visite :- https://www.onlinecode.org/hsl-and-hsla-colors-in-css/

HSL (and HSLa) Colors in CSS
HSL (and HSLa) Colors in CSS
HSL Color Wheel by Erin Sowards.

For more Info Visite :- https://www.onlinecode.org/hsl-and-hsla-colors-in-css/

Red has a hue of 0° or 360°,
Green has a hue of 120°,
Blue has a hue of 240°.
HSL saturation defines the amount of color, 100% is full saturated color, and 0% is a de-saturated color (gray)

For more Info Visite :- https://www.onlinecode.org/hsl-and-hsla-colors-in-css/

Hope this code and post will help you implement HSL (and HSLa) Colors in CSS. if you need any help or any feedback give it in the comment section or you have a good idea about this post you can give it in the comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs
Building a PWA with Stencil – An Introduction to StencilJS
Published: 2021-07-01 08:20:38

##Building a PWA with Stencil – An Introduction to StencilJS

In this post, we will give you information about Building a PWA with Stencil – An Introduction to StencilJS. Here we will give you detail about Building a PWA with Stencil – An Introduction to StencilJS And how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/building-a-pwa-with-stencil-an-introduction-to-stenciljs/

PWAs or Progressive Web Apps are app-like web experiences that present many advantages to users such as:

Reliability
Engage-ability
Rapidity/Performance
Read more about what makes an app a PWA from Google developers blog

For more Info Visite :- https://www.onlinecode.org/building-a-pwa-with-stencil-an-introduction-to-stenciljs/

You can also read my article about PWAs in SitePoint

For more Info Visite :- https://www.onlinecode.org/building-a-pwa-with-stencil-an-introduction-to-stenciljs/

Hope this code and post will help you implement Building a PWA with Stencil – An Introduction to StencilJS. if you need any help or any feedback give it in the comment section or you have a good idea about this post you can give it in the comment section. Your comment will help us to help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/building-a-pwa-with-stencil-an-introduction-to-stenciljs/
Node.js 10 Tutorial and Examples (Node.js 10)
Published: 2021-07-01 08:19:06

##Node.js 10 Tutorial and Examples (Node.js 10)

In this post, we will give you information about Node.js 10 Tutorial and Examples (Node.js 10). Here we will give you detail about Node.js 10 Tutorial and Examples (Node.js 10) And how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/node-js-10-tutorial-and-examples-node-js-10/

In this Node.js tutorial for beginners, you’ll be getting started with Node.js by learning how to build example Node.js applications from [CLI](https://serialkey.in/) tools to server side web applications for Node.js 10 Tutorial and Examples (Node.js 10).

For more Info Visite :- https://www.onlinecode.org/node-js-10-tutorial-and-examples-node-js-10/

In this first tutorial about Node.js, We’ll be introducing Node.js.

For more Info Visite :- https://www.onlinecode.org/node-js-10-tutorial-and-examples-node-js-10/

Have a great learning experience with Node.js 10 Tutorial and Examples (Node.js 10)

For more Info Visite :- https://www.onlinecode.org/node-js-10-tutorial-and-examples-node-js-10/

Hope this code and post will help you implement Node.js 10 Tutorial and Examples (Node.js 10). if you need any help or any feedback give it in the comment section or you have a good idea about this post you can give it in the comment section. Your comment will help us to help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/node-js-10-tutorial-and-examples-node-js-10/
querySelector, querySelectorAll and forEach By Example
Published: 2021-07-01 08:17:20

In this post, we will give you information about querySelector, querySelectorAll and forEach By Example. Here we will give you detail about querySelector, querySelectorAll and forEach By Example And how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/queryselector-queryselectorall-and-foreach-by-example/

In this example, we’ll quickly learn to use modern APIs such as the DOM querySelector() method and the querySelectorAll() method and how to iterate over a NodeList object using forEach(). We’ll also see some techniques used in browsers that don’t support iterating over a NodeList using forEach() and how to convert a NodeList to an Array using the Array.from() method.

For more Info Visite :- https://www.onlinecode.org/queryselector-queryselectorall-and-foreach-by-example/

querySelector and querySelectorAll are DOM APIs available on modern web browsers. They are used to query DOM elements that match a CSS selector. You can select elements by class, ids or names, or any complex CSS selectors.

For more Info Visite :- https://www.onlinecode.org/queryselector-queryselectorall-and-foreach-by-example/

Hope this code and post will help you for implement querySelector, querySelectorAll, and forEach By Example. if you need any help or any feedback give it in the comment section or you have a good idea about this post you can give it comment section. Your comment will help us to help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/queryselector-queryselectorall-and-foreach-by-example/
HTML5 History API – Using the HTML5 History API
Published: 2021-07-01 08:16:26

In this post, we will give you information about HTML5 History API. Here we will give you detail about HTML5 History API and how to use it also give you a demo for it if it is necessary.

For more Info Visite :- https://www.onlinecode.org/html5-history-api-example/

The HTML5 History API allows you to control the browser history from JavaScript. For example, you can add entries in the history object (window.history) or set the URL of the address bar dynamically and without a full-page refresh (which means you can navigate between pages, of the same origin, without manually entering URLs and pressing Enter).

For more Info Visite :- https://www.onlinecode.org/html5-history-api-example/

Hope this code and post will helped you for implement HTML5 History API. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/html5-history-api-example/
JavaScript Array.from() – NodeList and arguments
Published: 2021-07-01 08:15:07

In this post we will give you information about JavaScript Array.from() – NodeList and arguments. Here we will give you detail about JavaScript Array.from() (NodeList and arguments) And how to use it also give you demo for it if it is necessary.
For more Info Visite :- https://www.onlinecode.org/javascript-array-from-nodelist-and-arguments/

The JavaScript Array.from() method allows you to convert Array-like objects (e.g. NodeList and arguments) to an instance of Array.

For more Info Visite :- https://www.onlinecode.org/javascript-array-from-nodelist-and-arguments/

You can use the Array.from() method to avoid the old hacks used by JavaScript developers to do typical tasks such as:

Get the arguments of a function by converting the arguments object into an instance of Array,
Iterating over a NodeList returned by methods such as querySelectorAll(), etc.

For more Info Visite :- https://www.onlinecode.org/javascript-array-from-nodelist-and-arguments/

Hope this code and post will help you implement JavaScript Array.from() – NodeList and arguments. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For more Info Visite :- https://www.onlinecode.org/javascript-array-from-nodelist-and-arguments/
Brave Search Engine
Tags: privacy, search, google, brave
Published: 2021-07-01 07:59:57

Brave Search Engine 🤓
https://search.brave.com

Another bold move from my favorite browser Brave!! 👏

![Brave Preview Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/noy88ae7ictet5vziu1w.png)


Beta version is live now and i'm lovin it 😎
GitHub has launched a new AI-based revolutionary tool on collaboration with OpenAI
Tags: vscode, programming, github, ai
Published: 2021-07-01 07:38:29

**GitHub Copilot!!!**
https://copilot.github.com

GitHub has launched a new AI-based tool for Visual Studio Code that generates its own code. It can generate suggestions for whole lines or entire functions while we code.

![Sample Copilot Code Completion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zbj2d5l2jzbrzz5biau3.gif)

Since GitHub has tons of open-source code on its hand, its AI Bot is trained on billions of lines of public code. This is why it's going to be super awesome comparing the existing similar solutions like Tabnine or IntelliCode.

This is going to be a revolutionary change in the way we write programs. People are going to code faster but might end up a bit lazy for minute code research. 😉

Click here to join the waiting list: 
https://github.com/features/copilot/signup

You can find the VS Code extension here: https://marketplace.visualstudio.com/items?itemName=GitHub.copilot
2022 Hackathon Season Plans
Tags: hackathon, mlh
Published: 2021-07-01 07:18:43

My final year as a Computer Engineering student has ended and by the end of the summer, I will start my applications, so most of the tasks I will try to accomplish by the end of summer will be geared towards that.

1. Learn JavaScript
I have been learning JavaScript inefficiently for a long time and think that this free time during the summer could be used efficiently to learn the fundamentals of JavaScript properly. To do this, I am still searching for good resources but as of now I am planning to follow the interactive textbook of How to Think Like a Computer Scientist. Comment down below if you have any other good resources to learn JavaScript well!

2. Build Side Projects
While I have doing small "tutorial" projects like Madlibs or Rock,Paper,Scissors as an exercise, I actually want to do two proper side projects and finish it by the end of the summer. I do not need them to be technically complex, but rather, quality side projects that people would actually use. If you have any ideas of nice side projects that let me learn well, I am open to suggestions!

3. Finish Cracking the Coding Interview Book
Since I have not taken a Data Structures and Algorithms class in university yet, I am a bit behind on the content of programming interviews so I need to read up on the fundamental data structures and algorithms. I have already started reading Cracking the Coding Interview Book and it is very useful. Hopefully, by the end of the summer I have mastered enough of the topics on the book.

4. Grind some Leetcode questions
This goes along with plan number 3. While the book is great for learning and also doing the exercises help, I need more practice with questions that will be similar to the interviews I will potentially do. I have compared several practice websites, and I also do not want to keep searching and comparing which website is the best to use, so I will do the questions in Leetcode even though I am struggling with easy questions right now.

5. Attend hackathons
I love hackathons, the entrepreneurial and innovative spirit of hackathons excite me. And I am most innovative when working with other people, so I will attend virtual hackathons over the summer and hopefully make nice projects.