René's URL Explorer Experiment

Title: Home Page

Open Graph Title: Home Page | Hungry Turtle Code

X Title: Home Page | Hungry Turtle Code

Description: Hungry Turtle Code is a site dedicated to teaching developers of all skill levels a bit more about code than they knew yesterday. Whether you are starting from scratch or just looking for that one new tip that will boost your workflow, there is probably something for you here.

Open Graph Description: Hungry Turtle Code is a site dedicated to teaching developers of all skill levels a bit more about code than they knew yesterday. Whether you are starting from scratch or just looking for that one new tip that will boost your workflow, there is probably something for you here.

X Description: Hungry Turtle Code is a site dedicated to teaching developers of all skill levels a bit more about code than they knew yesterday. Whether you are starting from scratch or just looking for that one new tip that will boost your workflow, there is probably something for you here.

Opengraph URL: https://hungryturtlecode.com/

direct link

Domain: hungryturtlecode.com

None	IE=edge
og:type	website
og:image	https://hungryturtlecode.com/assets/hungryturtlecode.png
og:site_name	Hungry Turtle Code
twitter:card	summary
twitter:image	https://hungryturtlecode.com/assets/hungryturtlecode.png
twitter:url	https://hungryturtlecode.com/

Links:

hungryturtlecode	https://hungryturtlecode.com/
Build Projects	https://hungryturtlecode.com/projects/
Tutorials	https://hungryturtlecode.com/tutorials/
About Me	https://hungryturtlecode.com/about-me/
Contact Me	https://hungryturtlecode.com/contact-me/
Support Me	https://hungryturtlecode.com/support/
Take A Look	https://hungryturtlecode.com/tutorials
	https://hungryturtlecode.com/tutorials/parcel-bundler/
What is Parcel Bundler?	https://hungryturtlecode.com/tutorials/parcel-bundler/
Adrian	https://hungryturtlecode.com/about-me
Tutorials	https://hungryturtlecode.com/tutorials
What is Parcel Bundler and why is it the future? For years now javascript bundlers have become the norm for frontend development workflows. But it is almost a cliche to say that they are difficult to set up and configure. Parcel Bundler aims to solve that by giving you a zero configuration option with all the power of the currently accepted tooling.	https://hungryturtlecode.com/tutorials/parcel-bundler/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Tooling	https://hungryturtlecode.com/tag/tooling
image/svg+xml React	https://hungryturtlecode.com/tag/react
	https://hungryturtlecode.com/tutorials/what-are-styled-components/
What Are Styled Components?	https://hungryturtlecode.com/tutorials/what-are-styled-components/
Adrian	https://hungryturtlecode.com/about-me
Tutorials	https://hungryturtlecode.com/tutorials
CSS in JS is taking the javascript world by storm and Styled Components is leading the charge. Learning styled components is almost a requirement for modern react developers. In this article we will take a look at the basics of styled components to get you started.	https://hungryturtlecode.com/tutorials/what-are-styled-components/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml React	https://hungryturtlecode.com/tag/react
	https://hungryturtlecode.com/projects/parallax-deploy-npm/
How To Deploy a Library to NPM Using Travis CI	https://hungryturtlecode.com/projects/parallax-deploy-npm/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
Let's learn to publish an NPM package automatically using travis continuous integration and deployment. We will set up travis to automatically publish our library to NPM when we add a new release git tag on our repo.	https://hungryturtlecode.com/projects/parallax-deploy-npm/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Parallax Library	https://hungryturtlecode.com/tag/parallax-library
image/svg+xml Deploying	https://hungryturtlecode.com/tag/deploying
image/svg+xml Open Source	https://hungryturtlecode.com/tag/open-source
image/svg+xml Continuous Integration	https://hungryturtlecode.com/tag/continuous-integration
	https://hungryturtlecode.com/projects/eslint-husky-parallax/
ESLint and Prettier with Husky Git Hooks	https://hungryturtlecode.com/projects/eslint-husky-parallax/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
Using eslint and prettier have become standard best practices for javascript projects to maintain consitency in the code base. Enforcing eslint and prettier using husky git hooks is a great way to ensure that quality with minimal developer effort.	https://hungryturtlecode.com/projects/eslint-husky-parallax/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Parallax Library	https://hungryturtlecode.com/tag/parallax-library
image/svg+xml Tooling	https://hungryturtlecode.com/tag/tooling
image/svg+xml Open Source	https://hungryturtlecode.com/tag/open-source
	https://hungryturtlecode.com/projects/parallax-tests/
Writing tests for the Parallax Library	https://hungryturtlecode.com/projects/parallax-tests/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
With the parallax library javascript code written we want to deploy it to NPM. But before we do we have to make sure that everything is working as it should and future proof the projects by adding tests. We will be using the jest testing library to achieve that.	https://hungryturtlecode.com/projects/parallax-tests/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Testing	https://hungryturtlecode.com/tag/testing
image/svg+xml Jest	https://hungryturtlecode.com/tag/jest
image/svg+xml Open Source	https://hungryturtlecode.com/tag/open-source
image/svg+xml Parallax Library	https://hungryturtlecode.com/tag/parallax-library
	https://hungryturtlecode.com/projects/parallax-rewrite/
Using the Parallax Library	https://hungryturtlecode.com/projects/parallax-rewrite/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
Let's take the hacky parallax website code we wrote before and rewrite it to use our shiny new parallax library.	https://hungryturtlecode.com/projects/parallax-rewrite/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Open Source	https://hungryturtlecode.com/tag/open-source
image/svg+xml Parallax Library	https://hungryturtlecode.com/tag/parallax-library
	https://hungryturtlecode.com/projects/parallax-library/
Writing an NPM Library (Parallax Provider)	https://hungryturtlecode.com/projects/parallax-library/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
In this tutorial we will take the hacky parallax code we wrote before and turn it into a nice generalised library that can be used to implement arbitrary parallax website. Ultimately we will publish the library to NPM.	https://hungryturtlecode.com/projects/parallax-library/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Make a Library	https://hungryturtlecode.com/tag/make-a-library
image/svg+xml Open Source	https://hungryturtlecode.com/tag/open-source
image/svg+xml Parallax Library	https://hungryturtlecode.com/tag/parallax-library
	https://hungryturtlecode.com/projects/parallax-mountains/
Amazing Parallax Effect in Pure JS	https://hungryturtlecode.com/projects/parallax-mountains/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
Let's create a simple 3d parallax effect. No libraries, just pure vanilla javascript. Interacting with user scroll can often be annoying, but not this time. This time the experience wouldn't make any sense without it.	https://hungryturtlecode.com/projects/parallax-mountains/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Parallax Library	https://hungryturtlecode.com/tag/parallax-library
	https://hungryturtlecode.com/tutorials/shortlinks-netlify/
Build your own Link Shortener with Netlify	https://hungryturtlecode.com/tutorials/shortlinks-netlify/
Adrian	https://hungryturtlecode.com/about-me
Tutorials	https://hungryturtlecode.com/tutorials
Learn to build your own link shortener using git and netlify. Sending out long links to people can be annoying and you will never remember them. Using your own custom short links is a great way around the problem.	https://hungryturtlecode.com/tutorials/shortlinks-netlify/
image/svg+xml Hosting	https://hungryturtlecode.com/tag/hosting
image/svg+xml Git / Github	https://hungryturtlecode.com/tag/git-github
image/svg+xml DNS	https://hungryturtlecode.com/tag/dns
image/svg+xml Domains	https://hungryturtlecode.com/tag/domains
	https://hungryturtlecode.com/projects/4-adding-mongodb-express/
Adding MongoDB to ExpressJS \| Quiz API Tutorial	https://hungryturtlecode.com/projects/4-adding-mongodb-express/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
The time has come to stop using hard coded data and add in a database to the project. We will be using MongoDB to store the data.	https://hungryturtlecode.com/projects/4-adding-mongodb-express/
image/svg+xml ExpressJS	https://hungryturtlecode.com/tag/expressjs
image/svg+xml Express Quiz API	https://hungryturtlecode.com/tag/express-quiz-api
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Databases	https://hungryturtlecode.com/tag/databases
image/svg+xml Mongodb	https://hungryturtlecode.com/tag/mongodb
	https://hungryturtlecode.com/projects/3-adding-data-express-quiz/
Serving Data With ExpressJS \| Quiz API Tutorial	https://hungryturtlecode.com/projects/3-adding-data-express-quiz/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
It's finally time to serve some actual data via our API. We will take the data from the Angular Quiz app and serve it to users via API routes.	https://hungryturtlecode.com/projects/3-adding-data-express-quiz/
image/svg+xml ExpressJS	https://hungryturtlecode.com/tag/expressjs
image/svg+xml Express Quiz API	https://hungryturtlecode.com/tag/express-quiz-api
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
	https://hungryturtlecode.com/projects/2-using-express-router/
Using ExpressJS Router \| Quiz API Tutorial	https://hungryturtlecode.com/projects/2-using-express-router/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
Express Router allows us to split up the handling of requests into multiple files to keep our code more modular and clean.	https://hungryturtlecode.com/projects/2-using-express-router/
image/svg+xml ExpressJS	https://hungryturtlecode.com/tag/expressjs
image/svg+xml Express Quiz API	https://hungryturtlecode.com/tag/express-quiz-api
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
	https://hungryturtlecode.com/projects/1-express-basic-setup/
Create an API with Express JS	https://hungryturtlecode.com/projects/1-express-basic-setup/
Adrian	https://hungryturtlecode.com/about-me
Projects	https://hungryturtlecode.com/projects
Let's create a basic API using the ExpressJS framework built on top of Node.js. Using the data from the angular quiz app we will use express and mongodb to fetch the data from an API.	https://hungryturtlecode.com/projects/1-express-basic-setup/
image/svg+xml ExpressJS	https://hungryturtlecode.com/tag/expressjs
image/svg+xml Express Quiz API	https://hungryturtlecode.com/tag/express-quiz-api
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml HTTP	https://hungryturtlecode.com/tag/http
	https://hungryturtlecode.com/tutorials/debug-javascript-tips/
Debug() – Javascript Debugging Tips	https://hungryturtlecode.com/tutorials/debug-javascript-tips/
Adrian	https://hungryturtlecode.com/about-me
Tutorials	https://hungryturtlecode.com/tutorials
Debug() – The Death Of Ctrl+f If you are anything like me, you have wasted countless hours of your life using ctrl+f to find functions inside your code. If you only have one file, ctrl+f is still going to be …	https://hungryturtlecode.com/tutorials/debug-javascript-tips/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Debugging	https://hungryturtlecode.com/tag/debugging
	https://hungryturtlecode.com/tutorials/console-time/
Console.time() – Javascript Debugging Tips	https://hungryturtlecode.com/tutorials/console-time/
Adrian	https://hungryturtlecode.com/about-me
Tutorials	https://hungryturtlecode.com/tutorials
Just In Time – Console.time I have seen some amazing ways of timing how long javascript code takes to run. Taking timestamps and comparing them is a common way. But console.time is method in the console API that allows you …	https://hungryturtlecode.com/tutorials/console-time/
image/svg+xml Javascript	https://hungryturtlecode.com/tag/javascript
image/svg+xml Debugging	https://hungryturtlecode.com/tag/debugging
Terms Of Use	https://hungryturtlecode.com/terms-of-use
Privacy Policy	https://hungryturtlecode.com/privacy-policy
About Me	https://hungryturtlecode.com/about-me
Contact Me	https://hungryturtlecode.com/contact-me
Support the content	https://hungryturtlecode.com/support

Viewport: width=device-width,initial-scale=1

URLs of crawlers that visited me.