teleren/devto huggingface dataset:
Starting the Full Stack journey
Tags: webdev, html, css, beginners
Published: 2023-11-08 00:43:41

About a year ago, I decided to try a career transition from teaching and music into tech. I started with the ambition of becoming and SDET. It's been tough, but I'm still here.

I recently got the opportunity to possible be considered for a full stack apprenticeship. Nothing is certain, but I'll give it my best shot. 

Today I made my very [first full stack project](https://amanda-linkinbio.onrender.com/). It's quite a bit different than what I'm used to coming from a Java background in software testing, but it was kind of fun!

Let's see where this journey takes me!
Is Managing Your Manager an Art to Master?
Tags: discuss, codenewbie, beginner
Published: 2023-11-08 00:00:00

---
published_at : 2023-11-08 00:00 +0000
---
Working effectively with your superiors is essential. Can you share your experiences and strategies for effectively managing your manager or working with founders in a startup?I

Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
How Has Your Career Perspective Evolved?
Tags: discuss
Published: 2023-11-08 00:00:00

---
published_at : 2023-11-08 00:00 +0000
---
How has your perspective on your career evolved over time?

Follow the DEVteam for more discussions and online camaraderie! 

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
Respect in the Workplace & Diversity Training
Tags: consulting
Published: 2023-11-07 23:30:20

[Frame & Associates Consulting](https://www.frameassociates.com/)
4052 Trinity Street Burnaby,
British Columbia V5C 1N8
Phone:- 604-325-0780

Frame & Associates helps organizations create a workplace culture that attracts, values and retains a diverse workforce. As a result, our firm has assisted clients to be recognized nationally for their achievement in a respectful work environment.

We customize our courses to reflect your organization’s policies, culture, and brand. Our learning management system allows us to host the courses we customize for you, and it allows you to host courses that you develop in-house. We provide comprehensive consulting on diversity, inclusion, and employment equity implementation.

Founded in 1992, Frame & Associates specializes in diversity, employment equity, and respectful workplace training and consulting services. The firm was founded because of the need for better understanding of workplace issues that can have a profound impact on both employees and organizations.

Follow us on:- [LinkedIn](https://www.linkedin.com/company/frame-&-associates-consulting/about/), [Pinterest](https://www.pinterest.ca/FrameandAssociatesConsulting/)
OpenAI DevDay Digest: Developer's Q&A with a Twist
Tags: openai, ai, programming, news
Published: 2023-11-07 23:09:35



**Q: Who gets the VIP pass to the higher rate limits club?**
**A:** Paying GPT-4 customers, congrats on your promotion! You've now got double the tokens per minute to flex in your apps. It's like the express lane just got wider, and you're driving a faster car.

---

**Q: Can I code in peace without the copyright police knocking?**
**A:** Yes, with OpenAI's new Copyright Shield, code without fear! It's like having a legal superhero watching over your commits. If copyright claims try to crash your party, OpenAI's got your back (and your legal fees).

---

{% embed https://youtu.be/D6qK1m0cZm4?si=btrgpXw2SglW5iib %}

---

**Q: GPT-4 Turbo’s price drop: bargain bin or still premium aisle?**
**A:** Think of it as a premium product at a bargain bin price. Input tokens are now 3x cheaper, and output tokens are 2x less costly than GPT-4. But, it might be a tad 'lobotomised', so test drive it first. Sam Altman hinted at improved long-context responses, so it could be a smart saver.

---

**Q: Is fine-tuning the new black? Heard it's cheap now.**
**A:** Pretty much, yes. OpenAI has slashed fine-tuning costs, making it the new trendy tool in your AI wardrobe. It's not just about prompt engineering anymore; it's like having a tailored AI suit that fits your data perfectly.

---

**Q: What's the devs' life hack from DevDay?**
**A:** JSON mode, seed parameters for consistent outputs, and doc IDs in API calls. It's like OpenAI handed out a Swiss Army knife for coding – versatile, handy, and saves a bunch of time.

---

**Q: Top 3 headline grabbers from DevDay, what's the TL;DR?**
**A:** You've got the 128K context window for marathon conversations, wallet-friendly price tags, and multimodality over API, letting your AI see, speak, and hear. It's like Christmas came early, and Santa's a coder.

---

**Q: Did OpenAI just Thanos-snap half the AI startups out there?**
**A:** It's not a snap, more of a gradual fade. But yes, for some AI startups, OpenAI's announcements might feel like they're on the wrong end of a superhero's gauntlet.

---

While OpenAI's announcements might seem like a plot twist for AI startups, the [AI tools Directories](https://www.listedai.co/) could become more of a leaderboard than a memorial site. It's all about adaptation now, and time will tell which tools will innovate to stay in the game.


---

Godspeed

PS. Follow me on Twitter or LinkedIn
[https://twitter.com/dom_sipowicz](https://twitter.com/dom_sipowicz)
[https://www.linkedin.com/in/dominiksipowicz/](https://www.linkedin.com/in/dominiksipowicz/)
EP 2: Tools of the Trade
Published: 2023-11-07 22:47:55

In this episode we are showed all tools necessary to start this tutorial.

First IDE is mentioned, after that how to install php and mysql.
Also terminal is mentioned, it will also be occasionally used.
Next is UI for database, TablePlus is recommended but i think I'll stick with DBeaver for Linux.
That should be all for this episode, short and sweet!
How the internet works by Subair quadri
Tags: html, javascript, css
Published: 2023-11-07 22:35:15


Planning on joining the techworld (what most people call it )so I was told to research the basics, just to have the idea of how ****things works

Title: Unveiling the Wonders of the Internet.
I'll treat the intro first then I'll bring up the basics 

Introduction:
In today's interconnected world, the internet has become an integral part of our daily lives. From sending emails to streaming movies, the internet enables us to access a vast wealth of information and connect with people around the globe. But have you ever wondered how this vast network of networks actually works? Let's dive into the fascinating world of the internet and uncover its inner workings.

The Basics of Internet Infrastructure:
At its core, the internet is a global network of interconnected devices, including computers, servers, routers, and cables. These devices work together to transmit and receive data packets, allowing information to flow seamlessly across the network. The internet infrastructure is built upon a hierarchical system, with Internet Service Providers (ISPs) serving as the backbone, connecting users to the internet through various means like broadband, fiber optics, or wireless connections.
To ensure smooth communication between devices, the internet relies on a set of protocols. The most fundamental protocol is the Internet Protocol (IP), which assigns a unique IP address to each device connected to the internet. IP addresses serve as the digital equivalent of a physical address, enabling data to be sent and received accurately. Additionally, other protocols like TCP (Transmission Control Protocol) and HTTP (Hypertext Transfer Protocol) facilitate the reliable transmission of data and the retrieval of web pages, respectively.
While often used interchangeably, the internet and the World Wide Web (WWW) are not the same thing. The WWW is a collection of interconnected web pages and multimedia content accessible through the internet. It relies on the HTTP protocol for communication between web browsers and web servers. When you type a URL into your browser, it sends a request to the server, which then responds by sending back the requested web page.
When you send an email, watch a video, or browse a website, data is broken down into small packets and transmitted across the internet. These packets travel through a series of routers, which are specialized devices that direct the packets along the most efficient path to their destination. Each router examines the packet's destination IP address and makes routing decisions based on routing tables and algorithms.
As we navigate the digital landscape, ensuring the security and privacy of our data is of utmost importance. 

That'll be all , I planned on not making it more of like a 5 mins reading write up\ research
This is the  first task I was told to research and I planned to do more of this, I mean sharing details of how the journey is around the techworld 

Research \ write up by Subair quadri
Crispro941 - Servicios
Published: 2023-11-07 22:23:12

En CRISPRO941, estamos entusiasmados por ofrecerte nuestra solución de aplicaciones radiales personalizadas. Queremos ayudarte a llevar tu emisora al siguiente nivel.

Me complace informarte sobre nuestro exclusivo paquete de App de Pago ($50.000 CLP). Con este paquete, obtendrás una aplicación personalizada que incluye:

➜ - Modificaciones según tus preferencias para una experiencia única 🎨

➜ - Acceso al panel de control para una gestión sencilla 🖥️

➜ - Un atractivo video promocional para cautivar a tu audiencia (Entrega en 2 días) 🎥

➜ - Imagen para promocionar app (Entrega en 1 día) 🖼️

➜ - Texto listo para publicar en tus redes sociales y generar emoción 📢

Si estás interesado en llegar a más oyentes y ofrecer una experiencia inigualable, ¡no dudes en contactarnos!
 [https://wa.me/56944808995](https://wa.me/56944808995)

📲 Estamos aquí para brindarte más detalles y responder a todas tus preguntas.

Puedes encontrar las apps de nuestros clientes en la Play Store 🔎📱:
 [https://play.google.com/store/apps/dev?id=5503771832915719106](https://play.google.com/store/apps/dev?id=5503771832915719106)


¡Esperamos tener la oportunidad de trabajar juntos y lograr grandes resultados!

Saludos cordiales,
Cristobal Paez (Developer)
How To Write A Software Documentation: My First Attempt.
Tags: softwaredevelopment, devops, webdev, github
Published: 2023-11-07 22:21:03

Hey,  friends. 


What's good? 


I'm currently taking a course on


 Technical Writing: How to Write Software Documentation.


During my first lesson on the course today, I learned about the two types of software documentation and the strategies for writing them:

1. Functional documentation
2. task-oriented documentation


Following that, I was given two exercises:

1. To create functional documentation about how to use any software application: a Facebook app, a YouTube app, a calculator app, a calendar app,  etc. This is where I describe a product/app and its intended use. I also describe what the users or customers see on the screen.

2. To create task-oriented documentation about any software application.  This focuses on how to achieve a certain result. It helps users find their way through the product or across multiple products.



- I wrote a functional documentation about the Facebook app. You can take a look here: https://lnkd.in/dkwCQbkc






- I also wrote a task-oriented  documentation about HOW TO TURN OFF FACEBOOK ACTIVITY, otherwise known as META TECHNOLOGIES. You can take a look at it here: https://docs.google.com/document/d/1l3xC2t05RFAUzxM1da7Nv2aqVFdx2baZPHZszqLFZ_o/edit?usp=drivesdk
 





P.S.: This is my first try at this, so you may encounter several errors as you read through the documentation. 

I'm still growing.  😂😂

I'm open to constructive criticism, so feel free to share your thoughts with me by adding a comment when you're done reading. This will help me improve and get better at writing software documentation.


Thank you! 


P.P.S:  I'd really love you to read it and let me know what you think about it.  🥺
Gamifying Productivity with an RPG Habit Tracker Built on AngularJS & Spring Boot
Published: 2023-11-07 22:05:15

Hello Dev Community!

Today, I'm excited to pull back the curtain on my latest project: a Habit Tracker RPG that gamifies productivity. The goal? To motivate users and their in-game characters to smash daily goals with the thrill of an RPG adventure.

Why Combine RPGs with Habit Tracking?
In a nutshell, I wanted to explore how the motivational aspects of gaming can translate into real-world productivity. It's for those of us who love to code and play, blending task management with the excitement of leveling up a character.

Under the Hood
The tracker is crafted with AngularJS, ensuring a responsive and interactive UI, while Spring Boot underpins the backend, providing a robust and scalable infrastructure.

Sneak Peek!
Check out this brief trailer to get a feel for the tracker: https://www.youtube.com/watch?v=SiChNyHa2Io.

Who am I?
I'm Vincent Vann, a full-stack developer with a flair for Angular and Spring. Freelancing has been my game, and I'm currently scouting the horizon for new challenges.

Join the Adventure
If my project strikes a chord with you, I'd love to get your take on it. Upvote, comment, or even share - every bit of support or feedback is monumental!

I'm all about connecting, so if you're on the hunt for someone who can meld coding prowess with innovative thinking, let's talk.

Thanks for reading, and I can’t wait to hear what you think!
Looking for a partner who can help me.
Published: 2023-11-07 21:55:15

Hi guys, I'm Hamada from Japan.
https://guru.com/freelancers/fullstackwebdev555
I'm senior software engineer and I'm looking for a person who can help me one thing.
I need to rent someone's upwork account to work with my client and also get paid.
I got 2step verification and I submit the docs and upwork doesn't accept it now. Maybe because I broked some Upwork ToS.
I will pay you 20% of my earning per month.
I hope we can have a call and talk.

Thanks

telegram : @winnerdev2012
CloudFront Caching for AWS S3 Objects
Tags: s3, cloudfront, aws
Published: 2023-11-07 21:51:14

In this blog, we will learn about caching s3 objects by using another AWS service called Cloudfront.

Storing images and files on s3 is a very common and cost-effective solution. But cost-effectiveness is not everything but the performance of the object that your client accessing does also matter. Now by default, AWS uses very good approaches to give back your object (In the S3 world any file or image that you upload on it is an object). Now we can also optimize by caching the most frequently accessed object on CDN servers managed by AWS. Now for this purpose, AWS gives us another service called Cloud Front.

Now let's see how we can create an s3 bucket and use Cloud Front in order to cache our objects.

## CREATE YOU BUCKET FIRST:-
1. Go to s3.
2. Click on Create Bucket.
3. Give an appropriate name for your bucket.
4. Leave your bucket as private as we will use cloud front in order to get objects.
5. Enable version if you want versioning.
6. Then click on the Create Bucket button.

## CREATE A CLOUD FRONT FOR CACHING PURPOSE:-
1. Go to cloud front service.
2. Click on Create Distribution.
3. For the Origin domain select the bucket name for which you want to add this distribution.
4. For Origin access select Origin access control settings (recommended). A dropdown will appear click on create access control setting button. Select recommended for Signing behavior and also check the do not override header check box, select origin type as s3, and click create.
5. For Web Application Firewall (WAF) select Enable Security Protection for security purposes.
6. For the Default root object use any default image name that will be shown when you hit the base URL of this distribution.
7. Click on the Create and Copy policy. We will attach this policy to the s3 bucket which will block everyone from accessing objects of the bucket and only allow this distribution to access s3 objects on behalf of the user which is a kind of an extra layer of security.
8. Go to your intended bucket and in the Permissions tab go to Bucket Policy paste the copied policy of Cloud Front distribution there and click on save changes.
9. Now upload an image with the same name and extension that you set for the Default root object while creating the cloud front distribution. Now go to your cloud front distribution and go to the General tab. In general tab you will be able to see the Distribution domain name. Copy this Distribution domain name and hit on your browser you will be able to see the Default root object on the base URL. That's it now you can access your objects on "distributionUrl/objectName". Object will also be cached on some CDN server by aws so whenever you access this file aws will give you back the cached file in order to decrease latency.
Testing Typescript with Jest
Tags: opensource, beginners, testing
Published: 2023-11-07 21:26:07

**Testing framework - Jest**
I used Jest for this because I've used it before, but I can't remember exactly how to use it. So I needed a reminder and had to figure out how to use it with TypeScript, as I had only used it for JavaScript.

**_What is [Jest](https://jestjs.io/docs/getting-started#using-typescript)?_**
It is a testing framework to make sure your code does what it's supposed to do.

**Set up for Typescript**
1.Installation
install Jest
`npm install --save-dev jest`
generate a basic config file
`npm init jest@latest`
install @types/jest as a development dependency
`npm install --save-dev @types/jest`

2.Automatically generated config file for Jest
```typescript
// jest.config.js

/** @type {import('ts-jest').JestConfigWithTsJest} */
module.exports = {
  preset: 'ts-jest',
  testEnvironment: 'node',
};
```

3.Update `.eslintrc.cjs` config file so that ESLint knows we are using Jest
```typescript
// .eslintrc.cjs

module.exports = {
  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  root: true,
  env: {
    browser: true,
    es6: true,
    jest: true,
    node: true,
  },
  overrides: [
    {
      files: ['**/*.tsx'],
    },
  ],
};
```

4.Add some npm scripts to your `package.json` to run the unit tests.
```typescript
  "scripts": {
    ...
    "test:watch": "jest -c jest.config.js --runInBand --watch --",
    "test": "jest -c jest.config.js --runInBand --",
    "coverage": "jest -c jest.config.js --runInBand --coverage"
  },
```

5.Run the test
`$ npm run test`

**Learning moment while writing the test case**
While I was testing the `fileHandler` method, I needed to use a mock to be able to test whether this function logs the correct message, as it does not return anything. It was my first time using a mock for a unit test.

Here are the steps I used:
1) mock of `console.log()` was created using the `jest.spyOn()` function, which allows us to capture calls to `console.log()`.
2) called the `fileHandler()` method.
3) made an assertion about `consoleLogMock` to check whether `console.log()` was called with the specified argument.
4) restored the original `console.log()` function.

```typescript
  test('fileHandler() should be able to handle text file', () => {
    const consoleLogMock = jest.spyOn(console, 'log').mockImplementation(() => {});

    fileHandler(...);

    expect(consoleLogMock).toHaveBeenCalledWith('test1.html is created successfully!');
    consoleLogMock.mockRestore();
  });
```

**Learning moment in general**
It was definitely different to use Jest for JavaScript. As mentioned above, I have used Jest before for JavaScript. It was a lot different in terms of setup. For example, the same file name, `jest.config.js`, was used, but the content inside the file was completely different. In JavaScript, this config file loads the `env.jest` test environment variables, while in TypeScript, it has simpler code.

Details in code: [ec2f6c9](https://github.com/avelynhc/til_tracker/commit/ec2f6c9b2e9b8385ff35dbe06ea86d9077ada41b)
Thinking Beyond Next.js: When Not to Use It for Your Project
Tags: webdev, javascript, beginners, react
Published: 2023-11-07 20:33:51

Next.js has garnered a reputation for being the Swiss Army knife of React frameworks — offering server-side rendering, static site generation, and smart bundling out of the box. But is it the be-all and end-all solution for web development? Let's explore why Next.js might not fit every project.

Next.js offers a mix of traditional and modern web development techniques. It supports both server-side rendering and static site generation, caters to TypeScript enthusiasts, and streamlines styles and image optimization. With fast refresh features, developers get instant feedback on their React components, making for a delightful development experience.

Next.js's version 13 brought game-changing features like Turbopack, boasting unparalleled build performance, and a new routing system enhancing developer experience. The framework seemed unstoppable, promising faster load times, reduced JavaScript sizes, and smoother user experiences.

For businesses, Next.js can mean better SEO, faster time-to-market, and a more cohesive omnichannel presence. It's designed to meet the high demands of modern web traffic and user expectations.

Is Next.js Developer's Paradise? Not Always. It provides a zero-config, TypeScript-ready platform that simplifies development. Yet, its fast-refresh and automatic code-splitting features, while impressive, also set a high bar for developer competency.

Flexibility in Next.js demands continuous management. It lacks a variety of pre-built pages, offloading more front-end development responsibilities onto your team. This can mean ongoing costs for businesses as you'll need skilled front-end developers to build and maintain the custom UIs.

Next.js does not come with a state management solution, leaving you to integrate one like Redux or MobX. The platform also falls short on plugins, which can limit rapid feature expansion compared to other ecosystems.

Next.js is not lightweight by default. For simple projects, the provided infrastructure can be overkill, leading to unnecessarily bloated applications.

Consider lightweight projects or sites where static content dominates — a simpler solution like Create React App or Gatsby could serve better. For those who seek a leaner stack, exploring alternatives like Svelte or Vue could be more suitable.

Next.js is a formidable framework, but it's not universal. The decision to use it should be informed by the scale, complexity, and specific needs of your project. Not every web development scenario will benefit from its robust offering.

We are still using the good old Create-react-app for our popular open source project “OpenSign” which is an [open-source document e-signing infrastructure](https://www.opensignlabs.com).

{% cta https://github.com/opensignlabs/opensign %} ⭐ OpenSign on GitHub{% endcta %} 

Have you had an experience where Next.js was not the right choice? Share your stories below and let's learn from each other's journeys in web development.
I wrote a function that creates a drawing animation for any logo or simple SVG Image
Tags: webdev, javascript, frontend, css
Published: 2023-11-07 20:12:40


A week + couple of days ago I wrote a JavaScript function that I am so proud of; it can quickly create a drawing style animation from any SVG logo/simple SVG image. It's proven to be a fun way to quickly create loading animations. I have shared it with a few people and someone suggested posting about here. - side note: This my first post on dev.to 

To create the animations I played around with the strokeDasharray and strokeDashoffset CSS attributes.

If you want to see how I made it here is a short YT video:
{% youtube https://youtu.be/jRhDakGGlGE?si=px0-2V2FfQm8w6kU %}


Happy Coding!