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

NoneIE=edge
og:typewebsite
og:imagehttps://hungryturtlecode.com/assets/hungryturtlecode.png
og:site_nameHungry Turtle Code
twitter:cardsummary
twitter:imagehttps://hungryturtlecode.com/assets/hungryturtlecode.png
twitter:urlhttps://hungryturtlecode.com/

Links:

hungryturtlecodehttps://hungryturtlecode.com/
Build Projectshttps://hungryturtlecode.com/projects/
Tutorialshttps://hungryturtlecode.com/tutorials/
About Mehttps://hungryturtlecode.com/about-me/
Contact Mehttps://hungryturtlecode.com/contact-me/
Support Mehttps://hungryturtlecode.com/support/
Take A Lookhttps://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 Reacthttps://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 Reacthttps://hungryturtlecode.com/tag/react
https://hungryturtlecode.com/projects/parallax-deploy-npm/
How To Deploy a Library to NPM Using Travis CIhttps://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 Integrationhttps://hungryturtlecode.com/tag/continuous-integration
https://hungryturtlecode.com/projects/eslint-husky-parallax/
ESLint and Prettier with Husky Git Hookshttps://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 Sourcehttps://hungryturtlecode.com/tag/open-source
https://hungryturtlecode.com/projects/parallax-tests/
Writing tests for the Parallax Libraryhttps://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 Libraryhttps://hungryturtlecode.com/tag/parallax-library
https://hungryturtlecode.com/projects/parallax-rewrite/
Using the Parallax Libraryhttps://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 Libraryhttps://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 Libraryhttps://hungryturtlecode.com/tag/parallax-library
https://hungryturtlecode.com/projects/parallax-mountains/
Amazing Parallax Effect in Pure JShttps://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 Libraryhttps://hungryturtlecode.com/tag/parallax-library
https://hungryturtlecode.com/tutorials/shortlinks-netlify/
Build your own Link Shortener with Netlifyhttps://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 Domainshttps://hungryturtlecode.com/tag/domains
https://hungryturtlecode.com/projects/4-adding-mongodb-express/
Adding MongoDB to ExpressJS | Quiz API Tutorialhttps://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 Mongodbhttps://hungryturtlecode.com/tag/mongodb
https://hungryturtlecode.com/projects/3-adding-data-express-quiz/
Serving Data With ExpressJS | Quiz API Tutorialhttps://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 Javascripthttps://hungryturtlecode.com/tag/javascript
https://hungryturtlecode.com/projects/2-using-express-router/
Using ExpressJS Router | Quiz API Tutorialhttps://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 Javascripthttps://hungryturtlecode.com/tag/javascript
https://hungryturtlecode.com/projects/1-express-basic-setup/
Create an API with Express JShttps://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 HTTPhttps://hungryturtlecode.com/tag/http
https://hungryturtlecode.com/tutorials/debug-javascript-tips/
Debug() – Javascript Debugging Tipshttps://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 Debugginghttps://hungryturtlecode.com/tag/debugging
https://hungryturtlecode.com/tutorials/console-time/
Console.time() – Javascript Debugging Tipshttps://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 Debugginghttps://hungryturtlecode.com/tag/debugging
Terms Of Usehttps://hungryturtlecode.com/terms-of-use
Privacy Policyhttps://hungryturtlecode.com/privacy-policy
About Mehttps://hungryturtlecode.com/about-me
Contact Mehttps://hungryturtlecode.com/contact-me
Support the contenthttps://hungryturtlecode.com/support

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


URLs of crawlers that visited me.