dev.to

1. Bootstrap vs Tailwind CSS
Bootstrap vs Tailwind CSS

Today, end users are demanding more from their websites and applications. This demand is forcing frontend developers to create more complex and interactive websites and applications. This is where CSS frameworks come in. CSS frameworks are a collection of pre-built CSS classes that can be used to quickly build websites and applications. There are many CSS frameworks available, but two of the most popular are Bootstrap and Tailwind CSS.
Cascading Style Sheets (CSS) is u…
#css #webdev #tailwindcss #bootstrap

2. How to Make Chrome Extension
In this tutorial, you will learn how to create a Screen Record Chrome Extension using JavaScript and HTML Library. This tutorial aims to provide IT/CS students and new programmers with a reference on how they can manipulate the different site pages by creating a browser extension.

Step 1: Creating the manifest file
First, we will need to create the manifest.json file of our chrome extension script.

`
{
"manifest_version": 3,

"name": "Simple Screencapture Extension",
"description": "This ex…
#challenge #html #javascript #naemazam

dev.to

1. NgTemplateOutlet Typed checked (with @ContentChild)
Welcome to Angular challenges #4.

The aim of this series of Angular challenges is to increase your skills by practicing on real life exemples. Moreover you can submit your work though a PR which I or other can review; as you will do on real work project or if you want to contribute to Open Source Software.

The fourth challenge will teach us how to use the ngTemplateOutlet structural directive of Angular with strong typing.

If you haven't done the challenge yet, I invite you to try it first by…
#angular #typescript #challenge

2. I’ve Got 99 Problems but Learning TypeScript Ain’t One
Why have all JavaScript developers not moved to TypeScript?

I asked this question on Twitter last week and got ~100 replies.

Sharing my learnings from the responses, as it gives insight into what keeps developers from migrating to new tech. Even when the alternative is better.

Let’s get into it.

TL;DR

Conquering JavaScript first
Vanilla JavaScript works
Sorry, too soon
Well, it depends
ECMA is getting there

Conquering JavaScript first 👨‍🏫️

A lot of newbies and beginners gave the “I am s…
#discuss #webdev #programming #javascript

dev.to

Python — Command line
Dear, everyone.
This is fourth step of "HackInScience Python Exercises" series.
I've finished all the command line exercises and share them on my Github.

Print parameters
Print the first parameter
Simple adder
Calculator
Fir tree

Hope my work would be little bit helpful for python beginners.
To encourage me to continue, please follow me on Github

Best Regards…
#python #programming #challenge #beginners

dev.to

1. How useful are listings? 📜
I recently received some DEV credits that can be used to create a listing.

Since I've never really used / scrolled through the listing section on DEV, I was wondering how useful these credits are. Let's assume I would like to promote a side project, who would I be able to reach with that?

Does anyone has further information about listings in general and their effectiveness?…
#meta #discuss

2. Python - Numpy
Dear, everyone.
This is the final step of "HackInScience Python Exercises" series.
I've finished all the numpy exercises and share them on my Github.

Abelian sandpiles
Make your own 2048 in Python!
Dirichlet solver

Hope my work would be little bit helpful for python beginners.
To encourage me to continue, please follow me on Github

Best Regards…
#python #programming #challenge #beginners

3. Die besten 10 Podcast-Folgen für Webentwickler 2022
Natürlich sind wir voreingenommen, aber wir sind hingegangen und haben die besten und wichtigsten Podcast-Folgen für euch herausgesucht.

Braucht man Frameworks? - Wir saßen mit dem PHP-Veteranen Stefan Priebsch zusammen und haben uns Gedanken gemacht, warum das Framework vielleicht nicht das wichtigste an einer Software ist und was man doch eher selber machen sollte.
Das Leben mit PHP - Vitaly Mik und Nils Langner diskutieren über die letzten Jahrzehnte PHP und wie die Zukunft aussieht. Ein t…

dev.to

1. 10 open source projects you should be aware of in 2023
A well curated list of the most interesting development tools and projects on GitHub in 2023.

1. NetBeans

NetBeans is an open source integrated development environment that is popular among developers for its support for multiple programming languages and platforms.

2. OpenCV

OpenCV is an open source computer vision library that is used for image and video processing. It is widely used in applications such as object detection, facial recognition, and robotics.

3. Jenkins

Jenkins is an o…
#opensource #programming #webdev #productivity

2. Real-world Chrome extensions for web developers
I was interested to know what extensions other developers use in order to make the process easier. However some of them were pretty useless, and the most of the times I didn't use them.

So I decide to create a post to share you my chrome [brave] extensions, I'm using for web development, so let's jump into.

I have to add it, that they're not in order.

1. Picture-in-Picture Extension (by Google)

It's really useful during watching tutorials, or some videocasts. with having one monitor.

2. W…
#webdev #programming #javascript

3. Light/Dark theme toggle | 52 weeks of code
This week’s challenge was to incorporate color change into a project. I am going, to be honest, I wasn’t going to follow all the challenges, especially with this one because I have no idea how to get things to change color in code. Eventually, I decided to just add a dark/ light mode to my website.

Let’s get right into the concept.

Concept

Here’s what I want to do: Have a button that once clicked will change the theme or my entire website from night mode to light mode and vice versa.

Here…
#webdev #javascript #programming #challenge

dev.to

1. Paracetamol.ts💊| #08: Explica este código TypeScript
Explica este código TypeScript

Dificultad: Básico

function welcomePeople(x: string[] | string) {
if (Array.isArray(x)) {
const formatter = new Intl.ListFormat('es', { style: 'long', type: 'conjunction' });
console.log(`Hello ${formatter.format(x)}`);
} else {
console.log("Welcome lone traveler " + x);
}
}

welcomePeople(["Alice", "Philip", "Anet"])
welcomePeople("Alice")

A. "Hello Alice, Philip y Anet", "Welcome lone traveler Alice"
B. "Hello undefined, undefined y undefined", "Welcom…
#typescript #webdev #spanish #programming

2. Monthly Challenge #4: Valentine's Day 💘
What better way to celebrate Valentine's Day than by sharing a poem with your friends and family? In this challenge, you will create a poem on a web page using HTML. 💌

Requirements:

Use a combination of at least five common HTML elements, such as headings, paragraphs, lists, and text formatting.
The poem can take on any form you like! You can freestyle with as many lines as your heart desires, but here are some suggestions for common poem types:

Sonnet (14 lines)
Haiku (3 lines; 5 syllable, 3…
#challenge #html #beginners #codenewbie

3. Securely store environment variables with GitHub Codespaces
As a developer advocate, I make a lot of demo projects to illustrate my talks or content. Also, as a chaotic person, I don’t do the best job at securely storing my environment variables during my demos. On more than one occasion, I’ve revealed my environment variables during a stream or a conference talk. Fortunately, developer friends like Mayank and Nick introduced me to Cloak, a VS Code extension that hides the values of your environment variables if you accidentally share your screen.

I re…
#github #tutorial #cloud #githubcodespaces

dev.to

Learnings from my first Monetised Side Project — https://hire.win
Being a freelancer has many Pros and cons. I have been into freelancing since the last 4 years now...
#product #showdev #challenge #100daysofcode

dev.to

C program to display calendar for a given year
A calendar is an essential tool that is used by people all over the world to manage their schedules...
#c #challenge #computerscience #wecoded

dev.to

JavaScript 🐲 challenges_4 ⚔️
Credit Card Mask Usually when you buy something, you're asked whether your credit card...
#javascript #webdev #challenge

dev.to

Challenge: Counting Numbers with 7s
Prompt Write a program to calculate the percentage of numbers in a given range that...
#challenge

dev.to

Weekly Challenge #7 - To-do App
Hey all! I find it really hard to get my tasks done if I don't have some way to clearly organize...
#codenewbie #weeklychallenge #beginners #challenge

dev.to

10 more Javascript Challenges!
Do you know Javascript? After the success of the previous video, I've decided to make a second one...
#webdev #javascript #challenge #codenewbie

dev.to

Ruby Challenge: Calculating Factorials with Negative Numbers
Welcome to Ruby Tuesday, a weekly post where we explore the world of Ruby programming language....
#codenewbie #challenge #beginners #ruby

dev.to

Jedi Training Challenge
Greetings, Jedi Padawans, fellow coders, and esteemed Jedi Knights. In the Star Wars universe, Jedi...
#challenge

dev.to

My first CTF game
(Whispering...) I have a confession to make. I have a problem: I can't stop learning - I just love...
#capturetheflag #ctf #challenge #challenges

dev.to

Como por em prática suas habilidades com programação
Existem muitas maneiras de por em prática suas habilidades com programação, mas hoje trago aqui a...
#programming #beginners #tutorial #challenge

dev.to

CodePen #Challenge: Visualizing McDonald’s Menu with Free Pivot Grid Library 👩🏼‍💻📊🍔
Hi guys! I am a Software Engineering student and a beginner developer. I decided to create this blog...