3. Learning how to deal with Contentful or a headless CMS, in general, is not the primary focus of this piece, but it’s a great service, so you won’t regret seeing it in action.


4. Build a Weather App JavaScript Project

Link:

https://youtu.be/wPElVpR1rwA


What you will build

This project is going to teach you how to build a weather application with Vanilla JS, HTML, and CSS. The instructor uses the Dark Sky API for fetching weather information, which is a great opportunity for you to learn how to interact with APIs, another great thing you can do with javascript.


5. Build an Issue Tracker JavaScript Project

Link: https://youtu.be/NYq9J-Eur9U

What you will build

In this tutorial, you’re going to build an issue tracker that can be used on any website for creating issues (for example with software products) with Vanilla JS, HTML, and CSS. This can also be a good addition to your portfolio and an excellent javascript project for beginners!

6. Build a PIN Pad JavaScript Project

Link:

https://youtu.be/wWh8hwgeAMw

What you will build

In this javascript project, you are going to build a PIN Pad that runs in the browser and has the functionality to check PIN codes for their correctness. The instructor uses only Vanilla JS, HTML, and CSS for this tutorial. This is really an awesome javascript project idea for beginners so you definitely want to check it out!

7. Build a Landing Page JavaScripfSTQzlprGLI

Link: https://youtu.be/fSTQzlprGLI


What you will build

Brad is going to show you how to build an interactive landing page that shows the time and the user’s name. The application uses local storage to store the name, so it’s nice for you to observe this.


8. Build a Rock Paper Scissors Game JavaScript Project

Link:

https://youtu.be/qWPtKtYEsN4

What you will build

Building games can be a fun way to learn new things. JavaScript offers great possibilities to create browser-based games. In this tutorial project, you’re going to make the classic rock paper scissors game with JavaScript

9. Build a Tic Tac Toe Game JavaScript Project

Link: https://youtu.be/P2TcQ3h0ipQ

What you will build

In this project, you’re going to build a tic tac toe game which is a fun, but also complex, exercise because it uses basic AI and algorithms. But apart from that, everything is made with just Vanilla JS, HTML, and CSS.


Bonus: Build 9-in-1 Mini JavaScript Projects

Link:

https://youtu.be/Kp3HGwlXwCk

What you will build

This is a little bonus I wanted to present to you: one single recording that contains nine small, independent javascript projects for you to practice your JavaScript, HTML, and CSS skills on. Maybe you can use some of those snippets for your own site?

More JavaScript Project Ideas

These are without a doubt some great projects to follow along with. If you want to create something on your own without following a step-by-step tutorial, I have some more ideas for javascript projects that you can build:

🎯JavaScript Beginner Projects

▪️Database App with JavaScript

Task: Create a simple app that uses the IndexedDB of modern browsers for storing data.

▪️JSON to CSV Converter with JavaScript

Task: Build a simple app where users can either paste a JSON string or upload a JSON file. The app should convert the input into CSV and display it to the user.

Countdown Timer with JavaScript

Task: Build a simple feature where users can enter a number of seconds and the feature starts a countdown.

Quiz App with JavaScript
Task: Build a simple quiz app where users can checkboxes for the right solutions.

Stopwatch App with JavaScript
Task: Build a simple stopwatch feature where users can start and stop a timer.

Notes App with JavaScript
Task: Create an app where users can take and manage notes.

Dollars to Cents Converter with JavaScript
Task: Users should be able to enter a number of dollars and the app presents them with the value in cents.

Pomodoro Clock with JavaScript
Task: Build an app where users can create work timers (25min), break timers (5min), and features to start/stop/reset these timers.

Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing, logging, localizing.

https://alexsergey.github.io/rockpack/

Atomic habits by James Clear

Habits are mental shortcuts

A habit is a routine or behavior that is carried out repeatedly and most of the time automatically.

When you are faced with a problem repeatedly, your brain starts to automate the process of solving it. Your habits are sets of automatic solutions that solve the problems you come across regularly.


Focus on systems, not on goals

Goals are good for establishing a direction, but systems are best for making progress.

Goals are about the results you hope to reach. Systems are about the mechanisms that lead to those results.

The layers of behavior change


• Changing your outcomes. This means changing your results: losing weight, publishing a book, etc.

• Changing your process. This means changing your habits and systems: for example, developing a meditation practice.

• Changing your identity. This means changing your beliefs: the way you see yourself and the ones around you.

True behavior change is identity change

You could choose and start a habit because of motivation, but you'll stick with it only if it becomes part of your identity.

To change your identity:


• Establish the kind of person you want to be.

• Prove it to yourself with small wins.


How habits work

The main components of habit formation:


• A Cue: It causes your brain to begin a behavior. It is a bit of information that predicts a reward.

• A Craving: It is the motivation behind every habit. Without a desire, we don't have a reason to act.

• A Response: This is the very habit you perform; it can take the form of a thought or an action.

• A Reward: The end goal of every habit.


How to create good habits


• Make them evident.

• Make them attractive.

• Make them effortless.

• Make them satisfying.



Self-control is a short-term strategy when forming habits

A better method is to cut bad habits off at the source.

You may be able to resist temptation once, but you will most likely not be able to have the willpower to control your desires each time they appear. Thus, your energy would be better spent optimizing your environment.


We imitate habits to fit it

We imitate the habits of three groups:


• The close. Proximity has a powerful and impressive effect on the way we behave.

• The many. We feel the pressure to comply with the rules of the groups we're part of. Being accepted is the greatest reward.

• The powerful. We are attracted to behaviors that we think will make people respect and admire us.


How to enjoy hard habits

Create a motivation ritual by doing something you really like right before a difficult habit.

Habits are attractive when we associate them with positive feelings and unattractive when we associate them with negative feelings.

The time it takes to form a habit

The amount of time you have been performing a habit is not as important as the number of times you have performed it.

You could do something three times in thirty days, or three hundred times. The frequency will always make the difference.

The Law of Least Effort

We will instinctively choose the path that requires the least amount of work.

Diminish the friction associated with positive actions. When friction is reduced, habits become easy. Increase the friction associated with negative behaviors. This way, habits become hard.

The Cardinal Rule of Behavior Change

What is instantly rewarded is done again. What is instantly punished is ditched.

To get a habit to stick you need to feel instantly successful, even if it’s in a small way.

The Goldilocks Rule for staying motivated

We experience peak motivation when we are performing actions that are right on the edge our current abilities.

Not too difficult, not too easy.

Planning vs taking action

Motion makes you feel like you're getting things done. But really, you're just preparing to get something done.
Most of the time we're so focused on figuring out the best approach that we never get around to taking action.
Planning and strategizing are all good things, but they don't produce results.

How To Win Friends and Influence People by Dale Carnegie

Essential Techniques For Handling People

• Don’t criticize, condemn or complain.

• Give honest and sincere appreciation.

• Arouse in the other person an eager want.


Criticizing Others Doesn’t Yield Anything Positive

We aren’t able to make real changes by criticizing people, and we’re instead often met with resentment. It’s important to remember that when dealing with people, we’re dealing not with creatures of logic, but with creatures of emotion, who are motivated by pride and ego.

Criticism is futile and dangerous. It puts a person in a defensive mode. People learn faster and retain knowledge more effectively when rewarded for good behavior than punished for bad behavior

"The deepest principle in human nature is the craving to be appreciated." - William James

Arouse In The Other Person An Eager Want

The only way to influence other people is to talk about what they want and show them how to get it.

To convince someone to do something, we have to frame it in terms of what motivates them. And in order to do that, we have to be able to see things from their point of view as well as our own.

Learn To Be Genuinely Interested In People

We are interested in others when they are interested in us.

If you want to make friends, put yourself out to do things for other people – things that require time, energy, unselfishness, and thoughtfulness.


The Power Of Smiling

You must have a good time meeting people if you expect them to have a good time meeting you.

Actions speak louder than words, and a genuine smile says, “I like you, You make me happy". But an insincere grin doesn’t fool anybody. We know it is mechanical and we resent it.

Remember People's Names

Calling someone by their name is like paying them a very subtle compliment. Conversely, forgetting or misspelling someone's name can have the opposite effect and make it feel as though we are distant and disinterested in them.

From the waitress to the senior executive, the name will work magic as you deal with others.

Encourage Others To Talk About Themselves

To be a good conversationalist, be an attentive listener.

Most people would prefer a good listener to a good talker.

"The royal road to a person’s heart is to talk about the things he or she treasures most." - THEODORE ROOSEVELT

Make People Feel Important

People want the approval of those with whom they come in contact. They want recognition of their true worth. They want a feeling that they are essential to the world.

But they don’t want to listen to cheap, insincere flattery - they crave sincere appreciation.

It’s Impossible To Win An Argument

The only way to get the best of an argument is to avoid it.

If we lose the argument, we lose; if we win the argument, we have made the other person feel inferior, hurt his pride, and made him resent us. In other words, we still lose.

Emphasize The Points Of Agreeement

When talking with people, we should never begin with the points on which we disagree. We should start by emphasizing the things on which we agree, and be sure to convey that we’re both striving for the same result - our differences are in method, but not purpose.

The key is to keep our opponent from saying “no,” as this is a very difficult sentiment to overcome.


Don't Condemn, Try To Understand

One of the fundamental keys to successful human relations is understanding that other people may be totally wrong, but they don’t think they are.

Put yourself in their place. Success in dealing with people depends on a sympathetic grasp of the other person’s viewpoint.

Listen to your collocutor

Be a good listener. Encourage others to tell you about themselves.

Smile!

People love the smile on other people's faces. The more you smile, the more pleasant the interlocutor will have a dialogue with you.

Node Weekly 12

• News Remix vs Next.js
• News Eleventy v1.0: The Node-Powered Static Site Generator
• News Cloud Infrastructure Without the Complexity or Cost
• News Node v17.4.0 (Current) Released
• News Mocking With Undici Like a Pro
• News Creating an AWS Lambda Function with nbb
• News Create An Open Graph Image Generator with Node
• News Read How Elotl Autoscales CI in Kubernetes with Buildkite & Amazon EKS
• News How to Set Up a Node Project with TypeScript
• News NodeBB 1.19.0: Node-Based Forum Software
• News better-sqlite3 7.5: A Simple, Fast SQLite3 Library for Node
• News Doppler - All Your Environment Variables in One Place
• News Dynamoose 2.8: A Modeling Tool for Amazon's DynamoDB
• News Rockpack 2.0: An Alternative React App Builder
• News Discord.js 13.6.0: A Library for Interacting with Discord's API


Tags: #NodeJS #weekly #NodeJSWeekly

Lazy Loading module for Nuxt 3

https://github.com/nuxt-modules/lazy-load

Animate Anything Along an SVG Path

https://tympanus.net/codrops/2022/01/19/animate-anything-along-an-svg-path/