teleren/devto huggingface dataset:
Install NodeJS and Yarn
Tags: webdev, beginners, tutorial, node
Published: 2023-01-15 18:53:46

{% embed https://youtu.be/AQIw4c8amAE %}

You won't get very far on the web development path without these two packages!

Start the journey of Full Stack Development.

## Prerequisite

https://youtu.be/k_0AyA54KG0

## Notes

** Author later saw NodeJS 19 is installed :) **

TODO replace video / better quality
Ajuda com um trabalho para desenvolver software
Published: 2023-01-15 18:51:42

desenvolver um software para controle e apuração do processo simplificado para preenchimento de vagas para técnicos administrativos educacionais (TAE) e professores.
O software deverá permitir o cadastro dos candidatos, exibir a lista de candidatos cadastrados com a respectiva pontuação e, exibir os candidatos aprovados (um por segmento).
How to build a successful landing page to validate your business idea, hook customers, and generate initial traction.
Tags: design, beginners, webdev, writing
Published: 2023-01-15 18:38:18

📈 Want to create a landing page that captivates visitors and drives conversions?

🔑 Here are the secrets of storytelling and essential elements for success! 

---

The landing page serves as your "business card" on the internet and will be the first thing your customers see and interact with.

You should use it as such, and it is crucial that it effectively conveys who you are, what you do, and how you can help the customer solve their problems.

## Hook your customers by telling a story

Thinking of your landing page as a story is one of the most effective ways to structure it.

There are three parts in total:

- **The Introduction**: briefly describe your product.

- **The Problem**: show what problem you can solve for the customers.

- **Trust**: demonstrate why you are the best solution and why the customer can rely on you to solve their problem.

This three-step approach to telling a story will hook your customer and make them more likely to read your landing page.

## What should be on a landing page?

There are four components that your landing page must have to convey this story:

1. The **hero section** serves as your product introduction. To help attract your visitor, use large headers and bold language. You can also include a brief description of your product. Use a call-to-action button at the end of the hero section so the customer can take action immediately.


2. The **Feature section** demonstrates what your visitor can do with your product. Concentrate on the issues being addressed, and use this section to provide examples showing your value to the customer. Here, display your different product tiers (for example, free, standard, and premium).


3. You should provide **social proof** to your customers to gain their trust. The visitor may enjoy the concept and the features and be interested in your product. But do they have enough trust in you to give you money? Use this section to demonstrate to them that you understand what you're doing. Utilize existing customer reviews or testimonials. If you don't have any, talk about your experience with the problem you're solving. This way, you can gain trust and credibility with potential customers.


4. Finally, tell your visitor what you expect from them. You'll need a clear and compelling **call to action** to accomplish this. This should be prominently displayed and clearly state what the customer should do next, whether it's signing up for a newsletter or purchasing the product.

---

To summarize, a landing page is an essential component of your business. By approaching it as a story and including key elements, you can create a landing page that effectively captures visitors' attention and leads them to take action.
Install DDEV, the local PHP development environment
Tags: webdev, tutorial, php, beginners
Published: 2023-01-15 18:36:40

{% embed https://youtu.be/yFMSKNCUQDo %}

"DDEV is an open source tool for launching local PHP development environments in minutes."

I use DDEV every day to work on Laravel and Drupal projects. Let me show you how to install it.

## Prerequisite

https://youtu.be/k_0AyA54KG0
Questions on W2 homework
Published: 2023-01-15 18:36:07

Q: What does adding `index: true` do in a migration file? It allows the database to be sorted/filtered for that column, but couldn't we do that anyway? For example, we added that to the photos migration this week to allow us to look up photos by their owner_id, but couldn't we do that anyway with a `.Where`? 

Q: When we link to the "posts" page (or any other), we include `@user.username` in the arguments to the path (e.g. `<%= link_to "Posts", user_path(@user.username), class: ... %>`). When I first implemented, I didn't pass any arguments to `user_path` and it seemed to work ok. What are the issues/risks of doing so?
My Journey to getting my first tech job begins...
Tags: webdev, career, discuss, devjournal
Published: 2023-01-15 18:27:26

Hello DEV world!

The past few months, I have been spending time building projects and updating my [resume](https://docs.google.com/document/d/1gd_s5Lm468wk0DONMSpgxVsJarLlb9Cx51AHrZmtRnQ/edit) and staying active on LinkedIn.

So far this year, I have been on a job hunt for my first tech job! So far it has been a bit disappointing. As of today, 1/15/2023, I have applied for 8 jobs. 

![Job search excel spreadsheet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0irt8qdc42ia1ek0gde.png)
Two of which I was not a great candidate for. And one, I did have an interview ( which shocked the hell out of me) but unfortunately did not move forward with the hiring manager. Even though I was not selected for any further interviews with that company, at least I'm getting noticed. So I guess that's a positive sign. But still, I am disappointed since the hiring team did say they were willing to teach and they hire ALL levels including juniors. The "introductory" interview went well, I have used majority of the tools they list on their job requirements. So I don't know 🤷🏾‍♀️ where things went wrong. But anywho, just need to move on and improve my skills.

During the job searching process, my goals are: 

- Finish the last React project from The Odin Project

- Build ONE big project which will be my portfolio. That will take about one month minimum. I have too many projects and feel like a portfolio will be better. 

- And lastly, refresh my JavaScript skills on FreeCodeCamp and learn algorithms😩.

Since looking for a developer job as a self-taught developer can be a bit difficult, I figured this is the perfect opportunity to take you guys along my journey of all the ups and downs of looking for a job.
Run Docker without sudo
Tags: webdev, devops, docker, tutorial
Published: 2023-01-15 18:08:46

Unsure how to run docker commands without "permission denied"?

{% embed https://youtu.be/T9NXALfFpWA %}

Instructions:

1. sudo nano /etc/group
2. add your username to docker group, eg) docker:x:999:russell
3. Save (Ctrl-X, Y, <Enter>)
4. Logout/login or reboot
Overcoming the Struggles as a Junior Web Developer?! How?
Tags: beginners, career, discuss, devjournal
Published: 2023-01-15 17:56:45

It's been about a year and a half since I began learning web development through a bootcamp program. The bootcamp itself only met for 5 hours a week, but I spent a lot of time self-teaching outside of class. The bootcamp was divided into three modules and I've successfully completed the first two, which covered HTML, CSS, and JavaScript. After completing the JavaScript module, I was fortunate enough to land a job as a junior developer.

During my first three months on the job, I often felt overwhelmed and like I didn't know the basics. But I reminded myself that it was okay to feel that way during the trial period. Now that I've been fully hired, I'm no longer on trial and the pressure is on.

Last week, I felt like an idiot every day. I was asking "wrong" questions, struggling to understand simple code blocks, and making mistakes on tasks. I know that there will be tough days and periods in any job, but it is hard to overcome failure. 

Any advice how to handle these situations and overcome these struggles?
What is Humane Tech? 🪴
Tags: humanetech, software, technology
Published: 2023-01-15 17:43:34

## Introduction
Whether we like it or not, a significant amount of the technology we use is exploitative to some degree. Humane tech is an idea that aims to shift the focus to creating socially-responsible technology that doesn’t exploit the user. It’s a noble idea, and one that becomes more important as our dependence on various forms of tech increases.

## The Center for Humane Technology

The Center for Humane Technology (CHT) was co-founded by Tristan Harris (you may know him from the Netflix show **_The Social Dilemma_**), who previously pushed the ‘Time Well Spent’ movement after originally working for Google, where he produced an internal presentation in 2013 entitled “A Call to Minimize Distraction & Respect Users’ Attention”. Along with Google, he namechecked Apple and Facebook, highlighting their responsibilities to their users.

While the CHT freely admits that benefits do derive from social media and mobile tech to some degree, they also bring up various issues that have begun to affect society on a wider scale. These include:

- **Digital Addiction**: Many people are addicted to technology, with digital slot machines compounding the issue.

- **Mental Health**: Digital addiction and increased social media use can have a negative impact on mental health.

- **Breakdown of Truth**: It’s becoming harder to tell what’s real and what isn’t, especially if spending a lot of time online.

- **Polarisation**: Has it become more difficult to co-operate with others due to polarising online ideologies?

- **Political Manipulation**: This is caused either by creating rifts and sowing seeds of doubt, or by people directly impacting elections themselves.

- **Superficiality**: By focusing on looks and likes, have we become more superficial?

These issues indicate a “mismatch between our natural human sensitivities and the exponentially growing power of technology”, a problem likely to escalate in future. 

The CHT provide a free, self-paced online course for professionals that are shaping tomorrow's technology. This course can be be found [here](https://www.humanetech.com/course) , and I would highly recommend that you check it out for yourself. 

![course](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4891ktou5d5cv31ru0k7.png)

Instead of exploiting our vulnerabilities, there are endless ways in which tech could be used to improve society, as well as our overall quality of life. It’s still a small movement, but hopefully humane tech will continue to grow!
5 Tips for Writing High-Quality Code
Tags: codenewbie, webdev, beginners, programming
Published: 2023-01-15 17:30:46

As a developer, writing high-quality code is essential for ensuring that your projects are maintainable, efficient, and easy to understand. However, achieving this level of quality can be challenging, especially as your codebase grows in size and complexity. In this post, we will discuss five tips for writing high-quality code that can help you improve your development skills and create better software.

*Start with a clear understanding of the problem you are trying to solve.* 

Before you begin writing code, take the time to fully understand the problem you are trying to solve. This will help you identify the most efficient and effective solution and ensure that your code is well-suited to the task at hand.

*Use meaningful variable and function names.* 

One of the most important aspects of writing high-quality code is making it easy to understand. Using meaningful variable and function names can help you achieve this goal by making it clear what each piece of code is doing.

*Write small, single-purpose functions.* 

Another key aspect of writing high-quality code is breaking it down into small, manageable chunks. By writing small, single-purpose functions, you can make your code more readable and easier to maintain.

*Use comments to explain your code.*

Comments are an important tool for making your code more understandable. Use comments to explain what your code is doing and why, so that other developers can easily understand it.

*Test your code thoroughly.* 

Finally, testing your code thoroughly is an essential step in ensuring that it is high-quality. This will help you catch any bugs or errors early on and make it easier to fix them.

In conclusion, writing high-quality code is essential for creating maintainable, efficient, and easy to understand software. By following these tips, you can improve your development skills and create better software. Remember to always think about the problem you are trying to solve, use meaningful variable and function names, write small, single-purpose functions, use comments to explain your code, and test your code thoroughly. 

***Happy coding!***
GraphQL server demo via express and express-graphql
Tags: graphql, express, node
Published: 2023-01-15 16:39:16

The following repository demonstrates a simple GraphQL server app via express and express-graphql.
https://github.com/rezahazegh/demo-express-graphql

## Project Description
This project contains `Course` and `Teacher` entities, It provides create, update and delete for them.

**Entities relation**: Every course would have a teacher.

## Directory Description
* `models`: It includes required mongoose models to store entities in MongoDB
* `schema`: it include GraphQL related stuff
  * `types`: It includes types, something like dto in REST API
  * `resolvers`: It include resolvers, something like route handlers in REST API

## Project Setup
Run `docker compose up -d` to setup MongoDB via docker

Run app and open `localhost:3000/graphql` to reach out to GraphiQL (An in-browser tool for writing, validating, and testing GraphQL queries)

## Sample Requests
### Create, Read and Delete Teacher
```
mutation {
  addTeacher(name: "Peter Parker", email: "spiderman@gmail.com", phone: "855-465-2386") {
    id
    name
    email
    phone
  }
}
```
```
{
  teachers {
    id,
    name
  }
}
```
```
{
  teacher(id: "63c421e024a2dcb1e5dcdce6") {
    id,
    name
  }
}
```
```
mutation {
  deleteTeacher(id: "63c421e024a2dcb1e5dcdce6") {
    id,
    name
  }
}
```
### Create, Read, Update and Delete Course
```
mutation {
  addCourse(name: "GraphQL by Spider-Man", description: "This is the project description", status: new, teacherId: "63c424b724a2dcb1e5dcdcef") {
   name
   description
  }
}
```
```
{
  courses {
    id,
    name,
    status
  }
}
```
```
{
  course(id: "63c4252c24a2dcb1e5dcdcf1") {
    id,
    name,
    status
  }
}
```
```
mutation {
  updateCourse(id: "63c4252c24a2dcb1e5dcdcf1", status: completed) {
   name
   status
  }
}
```
```
mutation {
  deleteCourse(id: "63c4252c24a2dcb1e5dcdcf1") {
    id
  }
}
```
Cloud computing value proposition
Published: 2023-01-15 16:30:49

Reducing costs, reinventing your business model and the future of the workplace

![Image description](https://www.amitpuri.com/assets/images/cloud-computing-g1436d8781_1920.jpg)

Cloud computing is an on-demand service that you pay and rent out to get resources like lighting bulbs in your house from the electricity grid. You pay for how much you consume in computing, storage, software, networking, etc., which offer economies of scale during spikes and flexibility to bring down the resource when no more needed. That was referred to as on-demand in the beginning compared to the upfront investment of these resources.

Emerging trends in Big Data, Data Science, Machine learning, Blockchain, Quantum computing, and Artificial Intelligence are compelling reasons to adopt the cloud. Reinvent your business model and the future of the workplace with Data analytics, the Internet of things, Web 3.0, Metaverse, Computer Vision, and Mixed reality in this competitive market. The promise of cloud services reducing costs could be more favorable to some organizations. Reducing costs, the main reason for moving to the cloud is a debatable in real terms. Hence, the FinOps foundation was formed to create a culture of managing cloud costs. This laid down the framework for cloud financial management discipline, principles, personas, and phases to achieve better maturity and accountability in cloud spending. Refer to [https://www.finops.org](https://www.finops.org) to understand the framework, training, and certification program on FinOps.

> This is an excerpt from my book that I am writing on Microsoft 365, Power Platform, and Microsoft Teams.

Stay tuned! Learn about Microsoft 365, Microsoft Teams, Power Platform, Development, and Cloud.

Read more here [/book excerpts](https://blog.amitpuri.com/category/citizen-development)
How to use Emojis and Highlighting text (dev.to) and should we use it ?
Tags: beginners, discuss, tutorial, community
Published: 2023-01-15 16:26:52

Hi guys, 
first how to use it.

<mark>Highlighting</mark> words or texts can be done like `<mark>highlight word</mark>`

Emojis can be used from [this example list](https://gist.github.com/rxaviers/7360908)
  :smile: :star: and all we do is post this in plain text`:star:`

Now to the question. Do you prefer to see it in the posts ?
What do you think ? Put it in the comments!
Hybrid work is seeing unprecedented growth and evolving new ways to work.
Published: 2023-01-15 16:24:39

A modern workplace and the Future of work are essential topics of discussion post-pandemic.


![Hybrid Work](https://res.cloudinary.com/dm7h7e8xj/image/upload/v1559821647/theme2_ylcxxz.jpg)

A hybrid workplace is a new norm. Here is what a modern workplace looks like: start your day with tea/coffee, check emails and calendars on outlook mobile, check chats and projects status on Microsoft Teams, and create or review documents. At the same time, while commuting, join meetings and stay up to date. Later, in the office, conduct meetings, take notes, and share meeting recordings with action items, collaborating with various teams and connecting across the company. In a hybrid setting, people work from home, the office, or anywhere and are connected, can collaborate, and be productive. While people are getting acclimatized to this technological and cultural change, they have mixed feelings about this workplace arrangement. Few are apprehensive about productivity, accountability, and security. At the same time, another section of people is concerned about the well-being of the employees. Both are equally valid and genuine concerns. Microsoft has a significant investment in Microsoft 365 platform to address these with Microsoft Viva on Microsoft Teams.

This is an excerpt from my book that I am writing on Microsoft 365, Power Platform, and Microsoft Teams.

Stay tuned! Learn about Microsoft 365, Microsoft Teams, Power Platform, Development, and Cloud.

Read more here [/book excerpts](https://blog.amitpuri.com/category/citizen-development)
Data, Apps, and Services are an embracing set of combinations today in the commercial marketplace.
Published: 2023-01-15 16:22:59

Users use apps and services to make lives more meaningful and relevant to work and contribute to always-on economy


![Data Apps and Services](https://res.cloudinary.com/dm7h7e8xj/image/upload/v1559820489/js-code_n83m7a.jpg)

British Mathematician Clive Robert Humby coined the phrase “Data is the new oil.” in 2006. Apps and Services are ways to make data securely available to knowledge workers so that they can perform their daily work more efficiently and effectively. The organizations use Microsoft 365 to streamline knowledge discovery and securely organize, store, and manage content for collaboration and communication. It is a highly extensible development platform. It provides various development models within the platform for building the collaborative app and add-ins to extend Microsoft 365, SharePoint, Office apps, and Teams platforms. These apps can be discovered from AppSource to monetize software and services by ISVs.

> This is an excerpt from my book that I am writing on Microsoft 365, Power Platform, and Microsoft Teams.

Stay tuned! Learn about Microsoft 365, Microsoft Teams, Power Platform, Development, and Cloud.

Read more here [/book excerpts](https://blog.amitpuri.com/category/citizen-development)
How to install Solidity on your system
Tags: web3, blockchain, solidity, ethereum
Published: 2023-01-15 16:20:43

Solidity Installation

Solidity compiler can be installed using one of the following ways-

 1) Using an open source in-browser IDE called as Remix -

You may access Remix online without installing anything. If you wish to utilize it offline, go to — https://github.com/ethereum/remix-live/tree/gh-pages and download the .zip file. There is No need to install several Solidity versions while using Remix.

 

2) Using NPM/Node.js -

 Installing Solc-js, a Solidity compiler, is easy and portable using NPM. Solc-js gives Solidity compiler Javascript bindings.

The solc-js project uses the same compiler source code as the C++ solc project. Solc-js is directly usable in JavaScript (such as Remix).


For more content, follow me on - https://linktr.ee/shlokkumar2303
Cloud services ease our daily chores at work, at home, or while on the move
Published: 2023-01-15 16:20:12

Cloud services making us highly productive

![Cloud Computing](https://www.amitpuri.com/assets/images/cloud-computing.jpg)

Teamwork and collaboration significantly impact the productivity and efficiency of an organization, business, and community. Information, knowledge, content, news, and updates should be made available to employees, customers, and partners to make timely decisions and actions for growth and better business outcomes in the information age.

It is observed that many professionals like to learn about their area of interest, making them better professionals in their subject matter. Still, they need to learn tools to make them more efficient and work smarter. Successful knowledge workers have a growth mindset. Satya Nadella mentioned a large-scale cultural transformation from being “know-it-alls” to learn-it-alls” and continually emphasized the importance of growth and development in her book Hit Refresh: A Memoir by Microsoft’s CEO. Microsoft Viva learning is derived from this mindset which focuses on a continuous learning platform to stay relevant at your workplace. With this, let us learn helpful tips from different apps on Microsoft 365.

> This is an excerpt from my book that I am writing on Microsoft 365, Power Platform, and Microsoft Teams.

Stay tuned! Learn about Microsoft 365, Microsoft Teams, Power Platform, Development, and Cloud.

Read more here [/book excerpts](https://blog.amitpuri.com/category/citizen-development)
Software development ecosystem
Published: 2023-01-15 16:17:07

Embrace Complexity, Stay Simple, KISS (Keep it Simple, Stupid)


![Software development ecosystem](https://www.amitpuri.com/assets/images/Software-development-ecosystem.png)

The software development ecosystem has exploded with loads of tools, frameworks, techniques, and methodologies to meet the increasing demand of challenging and fast-moving customers and their businesses. To maintain and support the solution, several open sources and commercial software are available to deal with various specific needs during the software development life cycle and the product life span in production. CNCF aims to empower organizations to make cloud-native computing ubiquitous. With several sandboxes, incubating and graduating projects under its umbrella to create a comprehensive cloud-native technologies landscape covering every aspect of Cloud-native, serverless, and open-source software in building a sustainable ecosystem. Several considerations require more collaboration among several stakeholders than having ivory tower architecture, en-route

> This is an excerpt from my book that I am writing on Microsoft 365, Power Platform, and Microsoft Teams.

Stay tuned! Learn about Microsoft 365, Microsoft Teams, Power Platform, Development, and Cloud.

Read more here [/book excerpts](https://blog.amitpuri.com/category/citizen-development)