Are you over 18 and want to see adult content?
More Annotations
A complete backup of addtobucketlist.com
Are you over 18 and want to see adult content?
A complete backup of seulpeo.tumblr.com
Are you over 18 and want to see adult content?
A complete backup of live-sports.online
Are you over 18 and want to see adult content?
A complete backup of 320kbpshouse.net
Are you over 18 and want to see adult content?
Favourite Annotations
INICIO - Página web de tutorialshock
Are you over 18 and want to see adult content?
Raj Malhotra's IAS Academy- Best IAS Coaching Institute in Chandigarh
Are you over 18 and want to see adult content?
Satyapaul : Women's Clothing, Designer Sarees, Lehengas, Dresses & Fashion Accessories
Are you over 18 and want to see adult content?
Floor Mats for Car, Truck, Van or SUV. Custom Made, Shipped for Free.
Are you over 18 and want to see adult content?
De todo para tu casa y obra, Recojo en tienda, Devoluciones Gratis | Sodimac
Are you over 18 and want to see adult content?
A complete backup of et-show.blogspot.com
Are you over 18 and want to see adult content?
Text
same format
REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed HOW TO LIST ALL DATABASES USING POSTGRESQL You can perform this task in 2 ways. One is using psql.. Type the command \list (or \l), and PostgreSQL will show you the list of databases (and templates):. In this case, the databases list is. airbnbclone; nextbnb; postgres; test; template0 and template1 are templates.. Templates are templates for new databases, and you can use them to pre-populate new databases using the syntax CREATE WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. PHASER: PLAYING SOUNDS This post is part of a Phaser series. Click here to see the first post of the series. Similar to displaying images, Before you can play an audio file, you must preload it and assign it to a label: function preload() { this.load.audio('sound', 'sound.mp3') } For images we used this.load.image(), here we use this.load.audio(). Once this is done, we can use the sound into our create() or update POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed HOW TO LIST ALL DATABASES USING POSTGRESQL You can perform this task in 2 ways. One is using psql.. Type the command \list (or \l), and PostgreSQL will show you the list of databases (and templates):. In this case, the databases list is. airbnbclone; nextbnb; postgres; test; template0 and template1 are templates.. Templates are templates for new databases, and you can use them to pre-populate new databases using the syntax CREATE WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile PHASER: MULTIPLE SCENES This post is part of a Phaser series. Click here to see the first post of the series. In the previous examples we saw how to create a scene, by passing an object with functions references to the scene property of the Phaser.Game() options object: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload, create } }) This is a simple scenario. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is HOW TO ANALYZE THE NEXT.JS APP BUNDLES This should open 2 pages in the browser. One for the client bundles, and one for the server bundles: This is incredibly useful. You can inspect what’s taking the most space in the bundles, and you can also use the sidebar to exclude bundles, for an easier visualization of the smaller ones: HOW TO USE NULL IN C A brief guide at null pointers in C. NULL is not available by default: you need to include stdio.h to use it (or if you prefer, stddef.h: REACT: HOW TO SHOW A DIFFERENT COMPONENT ON CLICK See, here I create a default state, which contains isEmptyState: true.When the triggerAddTripState method is run, the state is edited so that property is set to false, and a new isAddTripState property is set to true.. Now in the JSX we can use those 2 state properties to show and hide parts of the component by using this syntax: HOW MUCH JAVASCRIPT YOU NEED TO KNOW TO USE REACT? If you are willing to learn React, you first need to have a few things under your belt. There are some prerequisite technologies you have to be familiar with, in particular related to some of the more recent JavaScript features you’ll use over and over in React. Sometimes people think one particular feature is provided by React, but instead HOW TO CHECK IF A VALUE IS A NUMBER IN JAVASCRIPT How is it possible to determine if a variable value is a number? We have various ways to check if a value is a number. The first isisNaN(), a global
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. PHASER: PLAYING SOUNDS This post is part of a Phaser series. Click here to see the first post of the series. Similar to displaying images, Before you can play an audio file, you must preload it and assign it to a label: function preload() { this.load.audio('sound', 'sound.mp3') } For images we used this.load.image(), here we use this.load.audio(). Once this is done, we can use the sound into our create() or update POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed HOW TO LIST ALL DATABASES USING POSTGRESQL You can perform this task in 2 ways. One is using psql.. Type the command \list (or \l), and PostgreSQL will show you the list of databases (and templates):. In this case, the databases list is. airbnbclone; nextbnb; postgres; test; template0 and template1 are templates.. Templates are templates for new databases, and you can use them to pre-populate new databases using the syntax CREATE WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. PHASER: PLAYING SOUNDS This post is part of a Phaser series. Click here to see the first post of the series. Similar to displaying images, Before you can play an audio file, you must preload it and assign it to a label: function preload() { this.load.audio('sound', 'sound.mp3') } For images we used this.load.image(), here we use this.load.audio(). Once this is done, we can use the sound into our create() or update POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed HOW TO LIST ALL DATABASES USING POSTGRESQL You can perform this task in 2 ways. One is using psql.. Type the command \list (or \l), and PostgreSQL will show you the list of databases (and templates):. In this case, the databases list is. airbnbclone; nextbnb; postgres; test; template0 and template1 are templates.. Templates are templates for new databases, and you can use them to pre-populate new databases using the syntax CREATE WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile PHASER: MULTIPLE SCENES This post is part of a Phaser series. Click here to see the first post of the series. In the previous examples we saw how to create a scene, by passing an object with functions references to the scene property of the Phaser.Game() options object: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload, create } }) This is a simple scenario. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is HOW TO ANALYZE THE NEXT.JS APP BUNDLES This should open 2 pages in the browser. One for the client bundles, and one for the server bundles: This is incredibly useful. You can inspect what’s taking the most space in the bundles, and you can also use the sidebar to exclude bundles, for an easier visualization of the smaller ones: HOW TO USE NULL IN C A brief guide at null pointers in C. NULL is not available by default: you need to include stdio.h to use it (or if you prefer, stddef.h: REACT: HOW TO SHOW A DIFFERENT COMPONENT ON CLICK See, here I create a default state, which contains isEmptyState: true.When the triggerAddTripState method is run, the state is edited so that property is set to false, and a new isAddTripState property is set to true.. Now in the JSX we can use those 2 state properties to show and hide parts of the component by using this syntax: HOW MUCH JAVASCRIPT YOU NEED TO KNOW TO USE REACT? If you are willing to learn React, you first need to have a few things under your belt. There are some prerequisite technologies you have to be familiar with, in particular related to some of the more recent JavaScript features you’ll use over and over in React. Sometimes people think one particular feature is provided by React, but instead HOW TO CHECK IF A VALUE IS A NUMBER IN JAVASCRIPT How is it possible to determine if a variable value is a number? We have various ways to check if a value is a number. The first isisNaN(), a global
PHASER: PLAYING SOUNDS This post is part of a Phaser series. Click here to see the first post of the series. Similar to displaying images, Before you can play an audio file, you must preload it and assign it to a label: function preload() { this.load.audio('sound', 'sound.mp3') } For images we used this.load.image(), here we use this.load.audio(). Once this is done, we can use the sound into our create() or update PHASER: MULTIPLE SCENES This post is part of a Phaser series. Click here to see the first post of the series. In the previous examples we saw how to create a scene, by passing an object with functions references to the scene property of the Phaser.Game() options object: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload, create } }) This is a simple scenario. HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO DEBUG A REACT APPLICATION Published Nov 30, 2019. The best tool you can use to debug a React application is to make use of the React Developer Tools. It’s a browser extensions that makes inspecting and analyzing React apps a breeze. I wrote a blog post entirely dedicated to them, check it out: React Developer Tools. JAVASCRIPT, HOW TO EXIT A FUNCTION How to quickly end a JavaScript function, in the middle of it. Top-quality premium online courses 👇🏼 HOW TO GET COOKIES SERVER-SIDE IN A NEXT.JS APP Accessing cookies while server-side rendering in Next.js can be harder than you think. Here's how I solved it. PHASER: PLAYING SOUNDS This post is part of a Phaser series. Click here to see the first post of the series. Similar to displaying images, Before you can play an audio file, you must preload it and assign it to a label: function preload() { this.load.audio('sound', 'sound.mp3') } For images we used this.load.image(), here we use this.load.audio(). Once this is done, we can use the sound into our create() or update PHASER: MULTIPLE SCENES This post is part of a Phaser series. Click here to see the first post of the series. In the previous examples we saw how to create a scene, by passing an object with functions references to the scene property of the Phaser.Game() options object: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload, create } }) This is a simple scenario. HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO DEBUG A REACT APPLICATION Published Nov 30, 2019. The best tool you can use to debug a React application is to make use of the React Developer Tools. It’s a browser extensions that makes inspecting and analyzing React apps a breeze. I wrote a blog post entirely dedicated to them, check it out: React Developer Tools. JAVASCRIPT, HOW TO EXIT A FUNCTION How to quickly end a JavaScript function, in the middle of it. Top-quality premium online courses 👇🏼 HOW TO GET COOKIES SERVER-SIDE IN A NEXT.JS APP Accessing cookies while server-side rendering in Next.js can be harder than you think. Here's how I solved it. HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. HOW TO DEBUG A REACT APPLICATION Published Nov 30, 2019. The best tool you can use to debug a React application is to make use of the React Developer Tools. It’s a browser extensions that makes inspecting and analyzing React apps a breeze. I wrote a blog post entirely dedicated to them, check it out: React Developer Tools. JAVASCRIPT, HOW TO EXIT A FUNCTION How to quickly end a JavaScript function, in the middle of it. Top-quality premium online courses 👇🏼 WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile HOW TO LIST ALL DATABASES USING POSTGRESQL You can perform this task in 2 ways. One is using psql.. Type the command \list (or \l), and PostgreSQL will show you the list of databases (and templates):. In this case, the databases list is. airbnbclone; nextbnb; postgres; test; template0 and template1 are templates.. Templates are templates for new databases, and you can use them to pre-populate new databases using the syntax CREATE HOW TO USE NULL IN C A brief guide at null pointers in C. NULL is not available by default: you need to include stdio.h to use it (or if you prefer, stddef.h: HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is HOW MUCH JAVASCRIPT YOU NEED TO KNOW TO USE REACT? If you are willing to learn React, you first need to have a few things under your belt. There are some prerequisite technologies you have to be familiar with, in particular related to some of the more recent JavaScript features you’ll use over and over in React. Sometimes people think one particular feature is provided by React, but instead HOW TO CHECK IF A VALUE IS A NUMBER IN JAVASCRIPT How is it possible to determine if a variable value is a number? We have various ways to check if a value is a number. The first isisNaN(), a global
PHASER: PLAYING SOUNDS This post is part of a Phaser series. Click here to see the first post of the series. Similar to displaying images, Before you can play an audio file, you must preload it and assign it to a label: function preload() { this.load.audio('sound', 'sound.mp3') } For images we used this.load.image(), here we use this.load.audio(). Once this is done, we can use the sound into our create() or update PHASER: MULTIPLE SCENES This post is part of a Phaser series. Click here to see the first post of the series. In the previous examples we saw how to create a scene, by passing an object with functions references to the scene property of the Phaser.Game() options object: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload, create } }) This is a simple scenario. HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO DEBUG A REACT APPLICATION Published Nov 30, 2019. The best tool you can use to debug a React application is to make use of the React Developer Tools. It’s a browser extensions that makes inspecting and analyzing React apps a breeze. I wrote a blog post entirely dedicated to them, check it out: React Developer Tools. JAVASCRIPT, HOW TO EXIT A FUNCTION How to quickly end a JavaScript function, in the middle of it. Top-quality premium online courses 👇🏼 HOW TO GET COOKIES SERVER-SIDE IN A NEXT.JS APP Accessing cookies while server-side rendering in Next.js can be harder than you think. Here's how I solved it. PHASER: PLAYING SOUNDS This post is part of a Phaser series. Click here to see the first post of the series. Similar to displaying images, Before you can play an audio file, you must preload it and assign it to a label: function preload() { this.load.audio('sound', 'sound.mp3') } For images we used this.load.image(), here we use this.load.audio(). Once this is done, we can use the sound into our create() or update PHASER: MULTIPLE SCENES This post is part of a Phaser series. Click here to see the first post of the series. In the previous examples we saw how to create a scene, by passing an object with functions references to the scene property of the Phaser.Game() options object: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload, create } }) This is a simple scenario. HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. WORK WITH HTTP HEADERS IN EXPRESS Access HTTP headers values from a request. You can access all the HTTP headers using the Request.headers property: HOW TO DEBUG A REACT APPLICATION Published Nov 30, 2019. The best tool you can use to debug a React application is to make use of the React Developer Tools. It’s a browser extensions that makes inspecting and analyzing React apps a breeze. I wrote a blog post entirely dedicated to them, check it out: React Developer Tools. JAVASCRIPT, HOW TO EXIT A FUNCTION How to quickly end a JavaScript function, in the middle of it. Top-quality premium online courses 👇🏼 HOW TO GET COOKIES SERVER-SIDE IN A NEXT.JS APP Accessing cookies while server-side rendering in Next.js can be harder than you think. Here's how I solved it. HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. HOW TO DEBUG A REACT APPLICATION Published Nov 30, 2019. The best tool you can use to debug a React application is to make use of the React Developer Tools. It’s a browser extensions that makes inspecting and analyzing React apps a breeze. I wrote a blog post entirely dedicated to them, check it out: React Developer Tools. JAVASCRIPT, HOW TO EXIT A FUNCTION How to quickly end a JavaScript function, in the middle of it. Top-quality premium online courses 👇🏼 WHAT ARE GOOD CSS BREAKPOINT VALUES FOR RESPONSIVE DESIGN? mobile landscape: > 640px. tablet portrait: > 768px. tablet landscape: > 1024px. laptop: > 1280px. I took those values from the Tailwind defaults. I am not a designer, so I’m not involved daily in the best practices, but I decided this time to design mobile first. Which means my CSS, without any media query, is going to design for the mobile HOW TO LIST ALL DATABASES USING POSTGRESQL You can perform this task in 2 ways. One is using psql.. Type the command \list (or \l), and PostgreSQL will show you the list of databases (and templates):. In this case, the databases list is. airbnbclone; nextbnb; postgres; test; template0 and template1 are templates.. Templates are templates for new databases, and you can use them to pre-populate new databases using the syntax CREATE HOW TO USE NULL IN C A brief guide at null pointers in C. NULL is not available by default: you need to include stdio.h to use it (or if you prefer, stddef.h: HOW TO SORT AN ARRAY OF OBJECTS BY A PROPERTY VALUE IN When we return 1, the function communicates to sort() that the object b takes precedence in sorting over the object a.Returning -1 would do the opposite.. The callback function could calculate other properties too, to handle the case where the color is HOW MUCH JAVASCRIPT YOU NEED TO KNOW TO USE REACT? If you are willing to learn React, you first need to have a few things under your belt. There are some prerequisite technologies you have to be familiar with, in particular related to some of the more recent JavaScript features you’ll use over and over in React. Sometimes people think one particular feature is provided by React, but instead HOW TO CHECK IF A VALUE IS A NUMBER IN JAVASCRIPT How is it possible to determine if a variable value is a number? We have various ways to check if a value is a number. The first isisNaN(), a global
COURSES BY FLAVIO COPES HTML and CSS Masterclass. October 2021. Join the waiting list! JavaScript Masterclass. October 2021. Join the waiting list! Node.js Masterclass. November 2021 POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. HOW TO ALIGN CENTER VERTICALLY USING TAILWIND I always tend to forget how to align center vertically using Flexbox. You need a container with those CSS instructions: display: flex; align-items: center; justify-content: center; In Tailwind, this translates to the classes flex items-center justify-center. Example:Add
HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. HOW TO CHANGE A NEXT.JS APP PORT I’ve been asked how to change the HTTP port of an app built using Next.js, when you are running it locally. By default the port is 3000, but that’s a commonly used port and perhaps you have another service running on it.. How can you change it? USING USESTATE WITH AN OBJECT: HOW TO UPDATE When a state variable defined with useState is an object with properties you add / update, it’s somewhat confusing how to update it. You can’t just update the object, or the component won’t rerender. A pattern I found involves creating a temporary object with one property, and use object destructuring to create a new object from the existing 2 objects: const [quizAnswers, setQuizAnswers HOW TO CHECK IF A VALUE IS A NUMBER IN JAVASCRIPT How is it possible to determine if a variable value is a number? We have various ways to check if a value is a number. The first isisNaN(), a global
COURSES BY FLAVIO COPES HTML and CSS Masterclass. October 2021. Join the waiting list! JavaScript Masterclass. October 2021. Join the waiting list! Node.js Masterclass. November 2021 POWERING AN ARDUINO WITH A POWER BANK Powering an Arduino with a power bank. I was working on an Arduino project and when I finished it I said “well it’d be cool to power it with a USB powerbank and put it outside”. I did that. I connected the Arduino to the powerbank and it worked! But after about 20 seconds the Arduino powered off. Well, the powerbank turned off. GATSBY, HOW TO CHANGE THE FAVICON I created a site using Gatsby and I wanted to change the favicon. I quickly looked at how to change it, and the process was very simple. The favicon by default is the image static/favicon.ico. Just change that, and you’re set. If you’re using the gatsby-plugin-sharp plugin, the favicon by default is the image src/images/gatsby-icon.png. You don’t have to use that path, or thesame format
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. HOW TO ALIGN CENTER VERTICALLY USING TAILWIND I always tend to forget how to align center vertically using Flexbox. You need a container with those CSS instructions: display: flex; align-items: center; justify-content: center; In Tailwind, this translates to the classes flex items-center justify-center. Example:Add
HOW TO RETURN A STRING FROM A C FUNCTION All forms are perfectly valid. Note the use of const, because from the function I’m returning a string literal, a string defined in double quotes, which is a constant.. Note that you can’t modify a string literal in C. Another thing to keep in mind is that you can’t return a string defined as a local variable from a C function, because the variable will be automatically destroyed REACT ROUTER, HOW TO GET DATA FROM A DYNAMIC ROUTE A very common need, when you use React Router with dynamic parameter, is to fetch the data we need to show in the page. For example we have a list of projects, and clicking it goes in the project detail with the URL /project/PROJECT_ID. I found 2 ways to do that. One is to declare the route in this way: Notice the /project/:id path. HOW TO CHANGE A NEXT.JS APP PORT I’ve been asked how to change the HTTP port of an app built using Next.js, when you are running it locally. By default the port is 3000, but that’s a commonly used port and perhaps you have another service running on it.. How can you change it? USING USESTATE WITH AN OBJECT: HOW TO UPDATE When a state variable defined with useState is an object with properties you add / update, it’s somewhat confusing how to update it. You can’t just update the object, or the component won’t rerender. A pattern I found involves creating a temporary object with one property, and use object destructuring to create a new object from the existing 2 objects: const [quizAnswers, setQuizAnswers HOW TO CHECK IF A VALUE IS A NUMBER IN JAVASCRIPT How is it possible to determine if a variable value is a number? We have various ways to check if a value is a number. The first isisNaN(), a global
HOW TO RUN A WEB SERVER ON AN ARDUINO In this tutorial I’ll show you how to start a Web Server on an Arduino device with WiFi, like my Arduino MKR WiFi 1010. We’ll connect to an existing WiFi network, and we’ll be able to interact with the Arduino from our browser via HTTP. This is very interesting for a variety of applications. From simple check of the sensors data, to performing actions based on the HTTP request performed. PHASER: MULTIPLE SCENES This post is part of a Phaser series. Click here to see the first post of the series. In the previous examples we saw how to create a scene, by passing an object with functions references to the scene property of the Phaser.Game() options object: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload, create } }) This is a simple scenario. JAVASCRIPT, HOW TO EXIT A FUNCTION How to quickly end a JavaScript function, in the middle of it. Top-quality premium online courses 👇🏼 HOW TO CHANGE A NEXT.JS APP PORT I’ve been asked how to change the HTTP port of an app built using Next.js, when you are running it locally. By default the port is 3000, but that’s a commonly used port and perhaps you have another service running on it.. How can you change it? HOW TO ANALYZE THE NEXT.JS APP BUNDLES This should open 2 pages in the browser. One for the client bundles, and one for the server bundles: This is incredibly useful. You can inspect what’s taking the most space in the bundles, and you can also use the sidebar to exclude bundles, for an easier visualization of the smaller ones: USING USESTATE WITH AN OBJECT: HOW TO UPDATE When a state variable defined with useState is an object with properties you add / update, it’s somewhat confusing how to update it. You can’t just update the object, or the component won’t rerender. A pattern I found involves creating a temporary object with one property, and use object destructuring to create a new object from the existing 2 objects: const [quizAnswers, setQuizAnswers SERVE AN HTML PAGE USING NODE.JS No dependencies needed. Add this to an app.js file, then create an index.html page, and run node app.js. Notice that the above code does not provide support for serving static assets, it will just serve theindex.html page.
HOW MUCH JAVASCRIPT YOU NEED TO KNOW TO USE REACT? If you are willing to learn React, you first need to have a few things under your belt. There are some prerequisite technologies you have to be familiar with, in particular related to some of the more recent JavaScript features you’ll use over and over in React. Sometimes people think one particular feature is provided by React, but instead REACT: HOW TO SHOW A DIFFERENT COMPONENT ON CLICK See, here I create a default state, which contains isEmptyState: true.When the triggerAddTripState method is run, the state is edited so that property is set to false, and a new isAddTripState property is set to true.. Now in the JSX we can use those 2 state properties to show and hide parts of the component by using this syntax: HOW TO REDIRECT TO A URL IN SAPPER I was working on a Svelte+Sapper application when I had the need to redirect to a page, with URL /spreadsheet/1, when the user visited the root domain /, instead of showing the home page. So I opened src/routes/index.svelte, removed everything in that file, and I added this code: ) { return this.redirect(301, 'spreadsheet/1') }* Blog
* Ebooks
* Courses
* Bootcamp
HI 👋🏼, I'M
FLAVIO COPES
I'M A COMPUTER ENGINEER AND I WRITE FREE BOOKS TO HELP YOU BECOME A WEB DEVELOPER 👇🏼JavaScript
Python
React
HTML
CSS
Node.js
Linux
C
Express
Next.js
Vue.js
Svelte
SIGN UP TO MY FREE WEEKLY NEWSLETTER 💌 FOLLOW ME ON TWITTERDO YOU HAVE A BLOG?
I wrote a book where I tell you all I know aboutblogging and SEO
YOU CAN ENROLL IN ONE OF MY PREMIUM ONLINE COURSES I will teach you JavaScript, React, Node.js and Next.js! Check themout!
EVERY YEAR I ORGANIZE A JAVASCRIPT CODING BOOTCAMP I WRITE 1 POST EVERY DAY ON THIS BLOG, SINCE 3+ YEARS Here are the last 10, but you can see them all*
SWIFT DICTIONARIES
Jun 5
*
SWIFT SETS
Jun 4
*
ARRAYS IN SWIFT
Jun 3
*
BOOLEANS IN SWIFT
Jun 2
*
STRINGS IN SWIFT
Jun 1
*
NUMBERS IN SWIFT
May 31
*
SEMICOLONS IN SWIFT
May 30
*
SWIFT COMMENTS
May 29
*
SWIFT LOOPS CONTROL TRANSFER STATEMENTSMay 28
*
SWIFT LOOPS: `REPEAT-WHILE`May 27
IT'S EASIER TO NAVIGATE THE BLOG BY TOPIC OR SEARCH C Tutorials General Computer Topics Command Line Tutorials CSS Tutorials Database Tutorials DevTools Tutorials Docker Tutorials Electronics Tutorials Express.js Tutorials Git Tutorials Golang Tutorials GraphQL Tutorials HTML Tutorials JavaScript Tutorials Flavio's Lab Networking Tutorials Next.js Tutorials Node.js Tutorials Phaser Tutorials Python Tutorials React Tutorials Redis Tutorials Services and Applications Svelte Tutorials Swift Tutorials Vue.js Tutorials DOM and Browser APIs 2021 Flavio Copes IT00898030143Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0