Discover and read the best of Twitter Threads about #WebDev

Most recents (24)

Introducing: Budibase 0.8 Release 🎉

Title: Game Changer
budibase.com

In this version:
- New form builder
- RBAC
- Search
- Auto columns
- Bindable URL params
- Rest API
- Improved data relationships
- Filtering

Let's go for a scroll...

1/11
A new form builder
The new form builder is magical. You can create forms from your schema, or create custom forms from scratch. Out of the box, forms come with dark mode, validation, accessibility, and sizing props. More importantly, they're super flexible and beautiful. Image
Role Based Access Control
Assign access permissions to tables and views. You will now be able to control who can read and write from tables, as well as allow public access to tables for non-logged-in users.
Read 13 tweets
[ 🗨️TREAD / 🥱RANT / 📃MICRO ESSAY ]

💠#WebDev Time to grow up or wake up!💠

We can't solve the current problems of web app developers with another shiny new framework, it's a crazy road to infinity hell.

What goes around comes around also in #dev #tech; about #CSS: Before CSS, nearly all presentational attributes of HTML doc
and I point to @tailwindcss here, which has a built-in sunk cost, that many developers will discover, when they need to refactor their codebases to use something newer / better / modern / shiny.
I think frameworks can't solve the CSS UI problem with the current approach, because this is a design problem (which @tailwindui is trying to solve, but is based on the wrong approach); this is interesting: Inheritance is a key feature in CSS; it relies on the ancest
Read 13 tweets
This year, I'll share my journey while developing a commercial side project. I'll start from scratch, so I can do whatever I want, pick any tech, cloud provider, and so on! It might interest you, or not. You might disagree with my choices, or not. Btw, I'll take any advice! 1/?
Let me introduce myself : I work as a full-time JS developer (either back or front) since 6 years and live in France, near Paris. I've some skills with #nodejs, #reactjs, and the usual HTML/CSS stuff. Basics of #AWS, #K8s, #Docker, etc... But, enough talking, let's dig in! 2/?
No surprise here: this project will be fully written in #javascript. I'll need a database, a server, a website and some web scrapers. Maybe a mobile app, but anyway that's for later. Let's begin with the database stuff! 3/?
Read 36 tweets
🧵 M E G A T H R E A D

Check out all of my amazing threads that cover various topics like #JavaScript, #React, my favourite podcasts and many more...

👇#100DaysOfCode #CodeNewbie
Thread #1: This is the place where you can find most of the amazing resources, tutorials, code snippets, tips and tricks about #JavaScript. Happy Coding Days 😎

👇#100DaysOfCode #CodeNewbie #React
Thread #2: This is the place where you can learn most of the thing about #React. Find out some of the best resources, tutorials, code snippets, tips and tricks to enhance your React skills.

👇#100DaysOfCode #CodeNewbie #JavaScript #ReactHooks
Read 21 tweets
Ever Wondered Where To Host Your Next Project Or Website For No Cost At All.

Here Is A List Of Sites Which Offer Free Hosting 👇:

#100DaysOfCode #DEVCommunity #webdev
1. GitHub Pages

Its One Of The Most Popular Places To Host Your Static Website. All You Need Is A @github Account. Check Out Their Guide On How To Host Here -

pages.github.com
2. Heroku

If You Want To Host Your Bot Or Your Dynamic Website Or Any Program, @heroku Is One Of The Best Places To Start, Go Ahead Create An Account And Upload Your Project And Get It Up And Running In Less Than 10 mins. Check Them Out Here -

heroku.com
Read 6 tweets
Just merely finishing up tutorials/webinars/courses won’t do you good in the long term. 🧵 (1/4)

Up your game by implementing some core concepts from that new knowledge by building a side project.

#tech #tutorial #tutorialhell #git #programming #webdev #oss
For that you need an idea. If you got one then go ahead! But if not then simply visit Github and look for some open source projects on the tech/language/framework you just learnt.

Benefits?

1. You bake the core concepts into your brain by actually implementing them. (2/4)
2. Your degree of awareness about the tech is more than what you had right after completing the tutorial.

3. If you are new to Github, you learn about VCS and how to contribute to an OSS.

4. Your Github contribution graph shows green. (3/4)
Read 4 tweets
Preventing Cross-Site Request Forgery(CSRF) attacks - auth0.com/blog/cross-sit…

#security #websecurity #sec #infosec
what is Cross-Site Request Forgery?

it is a type of attack performed on web apps in order to carry out a malicious action without user's explicit consent.
these 'malicious actions' could be anything. for example: changing email address, personal information etc

#websecurity
how it is performed?

* attacker leads the user to perform an action(through email, website etc)

* attacker makes a request on behalf of the user(by using a hidden form, for example)

* vulnerable website sees it as a genuine action(by verifying session cookie)

#CodeNewbie
Read 8 tweets
#BandaDaily #1:

When #coding something, always approach the problem iteratively.

That means that as #developer you go through roughly 5 stages:

1. Make a straightforward solution
2. Cover edge cases
3. Improve the performance
4. Improve the design
5. Reduce complexity

🧵👇
1. Make a straightforward solution

It's the basis of your work: it's rough, potentially inefficient, and may not work in the edge cases.

Copy/paste here instead of creating complex reusable components.

Here's the goal to create something that actually works, but not perfect.
As a junior engineer, you should be able to come up with at least one such solution, after thinking about the problem for a while, researching, and discussing with more experienced engineers.

If you still can't, the problem requires more expertise than you currently have.
Read 20 tweets
- Why are you doing #frontend projects?
- To practice #webdev
- Okay, why do you practice web dev?
- To land a dev position in a #tech company or startup
- Why do you need to land a dev position?
- I see. I want to secure my family's future.

🧵to remind you of the reasons:
One day, everyone who is going through the path of becoming #developer, experience this unsureness.

We feel unmotivated, tired, and somehow #anxious.

We may feel afraid of a lot of requirements out there to get a job.

We may have trouble in our personal life.
Honestly, there may be a lot of reasons for us to experience the decline.

There are many recommendations people give in that case:
- Take a break for a few days
- Change the location: e.g. get from home to a coffee shop (like Starbucks) and practice there
- Find a coding partner
Read 9 tweets
Great books and resources for diving into software architecture in #webdev (recommended for #FullStack engineers and #SoftwareArchitect's)

1) "Composing software" by @_ericelliott - it's an article series that became a full book.
Link: medium.com/javascript-sce…

Covers many aspects of functional programming that a software architect has to know working with Javascript (as both functional and object paradigm elements present in JS).
2) Clean Architecture by Robert C. Martin - quite a popular book, so you perhaps already heard about it.

Link: blog.cleancoder.com/uncle-bob/2012…

I suggest both the book and Robert's talks on YouTube regarding the subject.
Read 11 tweets
🔥FREE UDEMY COURSES🔥

✅HURRY UP RT FOR BETTER REACH

🙏MAY BE YOU DONT NEED BUT THE ONE WHO NEED THEY CAN GET BY SHARING.

#100DaysOfCode #CodeNewbie #webdev
udemy.com/course/html-an…
Read 10 tweets
Tips for #CodeNewbies and #freelancers:

Seeing a lot of very similar #webdev portfolio sites

As someone who has freelanced for over 15 years and hired dozens of developers here are 5 tips to help your portfolio website stand out

A 🧵

#100DaysOfCode please RT
1⃣ A strong call to action

A lot of sites start with:
Hi, I am so and so and im a Dev

Their first thought will be, "good for you" LOL

You need to focus on value and how you'll solve a business problem.
Lead them to your portfolio and/or a way to contact you easily
2⃣ Focus on results and value

Focus on results and how you solved business problems

You're not trying to impress your dev friends, you're trying to win clients, generate leads, or land that first dev job
Read 11 tweets
In the last 10 weeks, I was able to improve OneWord.Domains' Alexa ranking from >800K to below 200K. It took a lot of cold emails, trial-and-error, and sleepless nights. Here's how I did it:

🧵 A thread on #SEO, #webdev, and #domains 🧵 Image
1) Launch on @ProductHunt. PH is a great place for you to test out your MVP and see if your product actually solves a real user problem. It's also really good for SEO - by getting to #2 on PH, my site went from not ranking in any searches to ranking in the top 5 overnight.
2) Reach out to news websites that are relevant to your niche for press coverage. I gotta give a shoutout to Andrew from @DomainNameWire for being kind enough to write about OWD multiple times over the last 10 weeks, which drove a lot of high-quality traffic to the site.
Read 9 tweets
DOM Series #2

DOM Methods & properties

HTML DOM methods are actions you can perform (on HTML Elements).

HTML DOM properties are values (of HTML Elements) that you can set or change.

#100DaysOfCode #javascript #html #developers #CodeNewbies #programming #webdev #DEVCommunity
The HTML DOM can be accessed with JavaScript (and with other programming languages).

In the DOM, all HTML elements are defined as objects.

The programming interface is the properties and methods of each object.
A property is a value that you can get or set (like changing the content of an HTML element).

A method is an action you can do (like add or deleting an HTML element).
Read 6 tweets
The Ultimate JavaScript Free Resources Thread 🧵

Want to learn #JavaScript for free but not sure where to start? I've compiled a list of free resources that covers:

📘 Books
🖥️ Websites
📝 Free Courses
🎥 Youtube Channels

⬇️⬇️⬇️⬇️

#100DaysOfCode #CodeNewbie #Frontend #webdev
📘 Books 1/2

Search Google for any of these #free books, they will show as one of the top results.

Download or read them online, they will provide you with a deep understanding of JavaScript.

- Eloquent JavaScript
- You Dont Know Js
- Learning JavaScript Design Patterns
📘 Books 2/2

- Speaking JavaScript
- JavaScript: The Good Parts
- JavaScript For Cats
- DOM Enlightenment
- Understanding ECMAScript 6
- Human JavaScript
- Flavio Copes JS Handbook

#javascript #CodeNewbies #books #100DaysOfCode
Read 14 tweets
People are always going to have differing opinions.

Just because you don’t agree with someone, doesn’t mean their thoughts aren’t valid.

Part of growth is being able to see others points of view, have a discussion & then move on hopefully both understanding the other better. 👇
People shouldn’t be attacked for not agreeing with you.

Healthy discussion is a good thing, & you’re not going to get everyone to see from your point of view, just like they won’t get you to see from theirs

Gaslighting someone into agreeing with you doesn’t mean you’re right👇
Gaslighting them just means you’ve broken them down into agreeing with you, and they’ve given up trying to have the healthy discussion.

Obviously this isn’t always the case, but I’ve been seeing it a lot lately in the #webdev community and it’s disheartening. 👇
Read 4 tweets
🧵Design Tips for Developers 🧵

With so much to learn, design is easy to neglect but learning a few basic design principles is a great investment for any developer.

Apply the following to your own projects to make a huge visual difference 👇

#100daysofcode #CodeNewbies #webdev
Color

Keep it simple. Color should be used sparingly to highlight important information and CTAs.

For the rest of your site, use a color generator. They follow WCA Guidelines and provide thousands of beautiful color schemes to choose from.
Typography

Keep fonts legible and appropriate for the style of communication. Sometimes using a combo of two sans-serif system fonts is enough, improves loading times and removes the hassle of importing fonts.

For everything else, Google Fonts has you covered!
Read 7 tweets
21 Best Productivity Tools that you must be using if you're a programmer

You can find the tools in this thread.

#javascript #productivity #webdev #reactjs #nodejs #deno #flutter #android #100DaysOfCode #CodeNewbie #freeCodeCamp #devopsjob #career #learntocode #DEVCommunity Image
1. [Notion.so](notion.so)

All-in-one workspace. Write, plan, collaborate, and get organized — all in one tool. Notes & docs, Wikis, Projects & tasks.

_Free plan available_

#productivity #javascript #100DaysOfCode
2. [Basecamp](basecamp.com)

The All-In-One Toolkit for Working Remotely. Companies change for the better when they work in Basecamp.

_Limited free plan available_

#productivity #javascript #100DaysOfCode
Read 22 tweets
Here's a look into the strategy and emails that won me my first $10k+ website development contract. #freelance #webdev

👇

(1/14)
I received an email from a previous client of mine introducing me to a colleague of theirs (both in the Real Estate industry).

👇

(2/14)
We set up a phone call.

👇

(3/14)
Read 14 tweets
Hello tweeps!

In this #Thread, I'll be explaining step-by-step process of designing the below #UI #Mockup (by @frontendmentor) with only #html & #css.

You can follow along by typing out the #codes in the images.

#100DaysOfCode #CodeNewbie
#WomenWhoCode #freeCodeCamp

1/25 ImageImage
2/25

We'll learn how to look at mockups so we can do the following:

1. Deduce #html tags to #code the #webpage
2. Declare #css properties to style the webpage
3. Establish #breakpoints to make the webpage #responsive.
.
.

First, let's set up our html page.

#webdev
3/25

As shown below, we started with the following:

1. Create an #html document.
2. Specify the title.
3. Set the width.

The width is set to equal the viewport width. This means that it'll be as wide as the screen viewing the page - first step to #responsive #designs! Image
Read 29 tweets
Hey #webdev

As promised, here is a list of 100 project ideas to practice, showcase or challenge yourself.

Enjoy!

github.com/PandiyanCool/1…

♥ Add a star to repo and 🧩 retweet to reach more devs.

#100WebProjects #angular #javascript #html #css #devcommunity #typescript
Quote generator
#100WebProjects
Read 102 tweets
Usamos mal HTML, estructuramos las cosas basándonos poco en para qué sirve cada elemento del documento. Creemos que como luego le daremos funciones con JavaScript o estilos con CSS podremos hacer que ese <div> tenga el comportamiento que deseamos. < 1 / 4 >

#HTML #a11y #webdev
No nos detenemos a pensar en cómo lee una página web un lector de pantallas o Google mismo, preguntándonos luego cómo hacer que el SEO de una web funcione o por qué puntúa mal en las auditorías de accesibilidad. < 2 / 4 >
Se discute mucho sobre si HTML es un lenguaje de programación o no, sobre lo fácil, importante o útil que es aprenderlo, pero si nos detenemos un segundo a revisar las bases, nos daremos cuenta que HTML lo es todo. Todo nace ahí. < 3 / 4 >
Read 4 tweets
1/
I'm taking the #Coursera #Learning How to Learn course
bit.ly/1LqIUp4
This assignment is to teach others. I decided to make a giant thread for my coding community since you all give me so much.

#newDevCity
#100DaysOfCode
#CodeNewbie
#Study
#freeCodeCamp
@w3develops
@w3develops 2/
The course is teaching how learning happens. The course lessons are backed up by #neurological science. #Learning is not something only for the young, there are techniques that are easily obtainable to help you learn difficult subjects in any discipline.

#newDevCity
#Coursera
@w3develops 3/
"We ordinarily think of learning as something we do when we sit down to study a book. But actually, being able to learn more easily and deeply involves many important facets--including not only periods of focused concentration, but also periods of relaxation...

#newDevCity
Read 35 tweets
This year for #merryCSSmas I'll be covering some of the most requested styling features and how they can be used with CSS. This will be a month-long series showing ways that simple, valid CSS, and simple JavaScript functions can work together to style anything you can imagine!
Dec 1: Parent Selector 🎄🎁 Though CSS doesn't have a :parent selector, you can create your own with a small JavaScript function and use a selector like [--parent] in your CSS stylesheets today!

demo: codepen.io/tomhodgins/pen…
code: npmjs.com/package/jsincs…

#css #javascript Supporting your own parent selector in CSS with [--parent]
Dec 2: The :has() Selector ⭐️✨ Even though this selector has been specced in CSS for years, no browsers support it yet. Thankfully it's easy for us to support with a selector like [--has] in our CSS

demo: codepen.io/tomhodgins/pen…
code: github.com/tomhodgins/jsi…

#rwd #webdesign
Read 21 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!