Humberto  Ratke

Humberto Ratke

1615258533

Beyond Console.log() – Level up Your Debugging Skills

console.log() is a great tool, but your browser’s developer tools can do so much more. Learn how to take your coding and debugging to the next level.

You may have established a pattern of coding that utilizes a few key tools offered by your browser’s console. But have you dug any deeper lately? There are some powerful tools available to you, and they might just revolutionize the way you work.

The Comfort Zone

As developers, we like to find a way of working that make us feel efficient. The trap, though, is that we get comfortable with a certain workflow and assume there’s no better way. We’ve internalized an approach and don’t have to think about what we do.

A common developer workflow is to write code in an editor, save it, then switch to the browser and load the product to see if everything works. We then use the developer tools in the browser to tweak the CSS and maybe test how the products react to resizing and mobile emulation. We debug our scripts by adding a console.log() statement wherever we need some insights — keeping a tight connection between line numbers and debugging.

This results in a bit of a mess. If you keep your browser tools open when surfing the Web, you’ll see a lot of messages in the code that shouldn’t end up in a final product. It not only makes it confusing for people who open them by accident, but can also be daunting for new developers to look at.

We only use a small percentage of the tools at our disposal, and we may miss out on opportunities to work better and with less effort. That’s okay, but let’s see how we can do better.

We’ll look at a few features of freely available developer tools you probably use but don’t know about. Specifically, these features are in the Chromium browser developer tools and some in Visual Studio Code. Let’s start by learning more about a perennial favorite — the Console.

#javascript #programming #developer

What is GEEK

Buddha Community

Beyond Console.log() – Level up Your Debugging Skills

Different Use Cases of Console.Log —  Use When Debugging Javascript

Working in JavaScript? Then you’re very familiar with console.log(). Like all javascript programmers, I frequently throw a console.log into my code. And I really found it the simplest, faster, and a plain way to log something.

(() => {
    // do stuff
    let msg = 'Success!';
    console.log(msg);
})();

plain JS console.log

Let’s see a few more ways in regards to console logging, that I found a bit more informative, and interesting in my day-to-day development workflow!

1. Common usage: debug(), info(), log(), error(), and warn()

Technically console.debug() console.info() and console.log() are identical - the only difference is that debug messages are hidden by default and log messages are visible in the recent versions of Chrome (to see debug messages, you have to set the log level to Verbose in the Devtools).

(() => {
    // do stuff
    console.debug('console.debug()');
    console.info('console.info()');
    console.log('console.log()');
    console.error('console.error()');
    console.warn('console.warn()');
})();

common usage of the console.log

console.debug Pure black color text

console.info Black color text with no icon

console.log Black color text with no icon

console.error Red Color text with icon

console.warn Yellow color text with icon

2. Stop variable name confusion

When logging many variables, sometimes it’s difficult to understand what log corresponds to which variable.

For example, let’s try the code snippet in below:

const sum = (numOne, numTwo) => {
    // do stuff
    console.log(numOne);
    return numOne + numTwo;
};
console.log(sum(2,3));
console.log(sum(5,8));

When the above code is executed, you’ll see just a series of numbers.

console.log-img3

To make an association between the logged value and variable, wrap the variable into a pair of curly braces {numOne}.

console.log({numOne});

Now in your console, you can see the associate variable name with the log.

console.log-img4

#productivity #debugging #webdev #javascript #programming #console.log

Edison  Stark

Edison Stark

1603872480

Pipeline of an Alexa Skill with GitHub Actions

As we saw in the previous post, we have developed an entire pipeline for an Alexa Skill using CircleCI. Now we are going to build the same, but using the new continuous integration tool provided by GitHub, GitHub Actions in order to understand how it works and see the differences compared to the previous CI/CD platform used.

In turn, we are going to use the ASK CLI v2 and we will also use the file structure from an Alexa Skill provided by this new second version.

Prerequisites

Here are the technologies used in this project:

  1. Amazon Developer Account - How to create an account
  2. AWS Account - Sign up here for free
  3. ASK CLI - Install and configure ASK CLI
  4. GitHub Account - Sign up here for free
  5. Visual Studio Code

The Alexa Skills Kit Command Line Interface (ASK CLI) is a tool for us to manage our Alexa Skills and its related resources, such as AWS Lambda functions. With the ASK CLI, we have access to the Skill Management API, which allows us to manage Alexa Skills through the command line.

If you want to create a skill with ASK CLI v2, follow the steps described in the official Amazon Alexa documentation.

We are going to use this tool to perform some steps in our pipeline.

Let’s DevOps!

#github #alexa #alexa skills #continious integration #alexa app development #alexa skills development #alexa skill #alexa skill development #alexa skills developer #github actions

Alexa and Kubernetes: Kubernetes Objects of the Alexa Skill (IV)

In this fourth installment, we will teach you how to create the Kubernetes objects you need to run the Alexa Skill in a cluster.

In these steps, we have our Alexa Skill properly dockerized. As we are not going to package all the software components (Alexa Skill + MongoDB) yet, in this fourth step, we will set up all the Kubernetes objects of our Alexa Skill using MongoDB Atlas.

Prerequisites

Here, you have the technologies used in this project:

  • Node.js v12.x
  • Visual Studio Code
  • Docker 19.x
  • Kubectl CLI
  • MongoDB Atlas Account
  • Kind
  • go >=1.11

#docker #kubernetes #nginx #alexa #alexa skills #alexa skills development #alexa skill #alexa skill development #alexa skills developer

Report: Kubernetes & React Native Are The Fastest Emerging IT Skills

In an attempt to empower the talents in the country in making informed decisions around job search, upskilling and robust career building, Naukri.com has unveiled a report — the Naukri Pulse IT skills report, that captures the top 100 skills that recruiters are looking for.

The pandemic has massively pushed the adoption of digitisation in every aspect of life from ordering groceries online to working remotely for a large section of users in the country. With this appetite for digital transformation across industries, there has been an increase in the demand for IT professionals. And therefore, Naukri.com decided to release this report highlighting the ‘Fast-Emerging’ skills along with granular insights across top cities and experience bands.

According to the skills report, Kubernetes, React Native and Redux have topped the list and are termed as the fast emerging skills of choice for recruiters. While Kubernetes has jumped 53 ranks up to 32 in a year, React Native has jumped 59 ranks and Redux 40 ranks to stand at 42 and 66 respectively. Additional skills that are exceptionally preferred by the recruiters are proficiency in Kafka, Magento, as well as Docker.

The report claims that knowing these skills will help job seekers gain a competitive edge. Other hot skills include Typescript, GCP, Ansible, Spark, Servicenow, Architecture, Scala, Laravel, and PostgreSQL.

#news #developer skills #fastest emerging it skills #fastest emerging skills #fastest growing skills #kubernetes #kubernetes and react native are the fastest emerging it skills #react native

Simpliv LLC

Simpliv LLC

1582888674

Soft Skills: The 11 Essential Career Soft Skills | Simpliv

Description
Soft Skills. These are the traits, characteristics, habits and skills needed to survive and thrive in the modern work world. Soft skills aren’t usually taught in school, but you will learn them all here in this course. Are you someone that other people in your organization and industry like to work with, collaborate with and partner with? Are you seen as a valuable asset to any new project that comes along?

This soft skills training course will teach you how to develop the skills that can make the difference between a lackluster career that tops out at middle management versus one that lands you in the executive suite. Or to wherever you define career success. So many soft skills seem like common sense at first glance, but they are not commonly applied by most workers. This soft skills training course will give you an edge over your competitors. It will also make your job, your career and your life more rewarding and enjoyable.

What are you waiting for? This soft skills course is designed to be completed in just one or two lunch breaks. So lesson number one is, use your free time to constantly learn new skills rather than just checking the sports scores or celebrity news at lunch. There is nothing hard when it comes to learning soft skills, as long as you have a willingness to try new things and start right now.

Your academic degrees and tech skills are not enough for long-term career success. You need to become excellent in your soft skills.

Note: The instructor has recently added 5 soft skills/communications skills books in the resource section of the first lecture for those who wish for additional study materials.

What will students achieve or be able to do after taking this course?

Understand how to be a great communicator
Become a stronger listener
Appear professional to co-workers and bosses of all ages
Avoid common career blunders that often end careers
Manage expectations for bosses and colleagues
Position yourself for promotions
Make technology your asset, even if you are afraid of technology
Avoid the Not My Job Syndrome
Develop EQ to Match Your IQ
Develop leadership qualities
Please note: this is not a commuter generated soft skills course with lots of data slides and a robot voice. This is taught by TJ Walker, a real human being, talking and sharing with you directly (because one essential soft skill is the ability to speak directly to people and not hide behind computers and graphics).

Who this course is for:

This course is ideal for any professional who wants to advance in his or her career. This is for someone who wants success and is not satisfied to merely hold a current job
Basic knowledge
Willingness to learn things outside of your job description
What will you learn
Understand how to be a great communicator
Become a stronger listener
Appear professional to co-workers and bosses of all ages
Avoid common career blunders that often end careers
Manage expectations for bosses and colleagues
Position yourself for promotions
Make technology your asset, even if you are afraid of technology
Avoid the Not My Job Syndrome
Develop EQ to Match Your IQ
Develop leadership qualities

ENROLL

#Learn Soft Skills with Online Soft Skills Courses #Soft Skills Training Courses #Soft Skills Courses #Soft Skill Courses Online Training