Discover and read the best of Twitter Threads about #WebDevelopment

Most recents (15)

Free web hosting for your web apps.
These services can help you host the front-end and or the backend of your web app.
They also provide a random free subdomain so you can share your app.

#100DaysOfCode #javascript #NodeJS #Python #webdevelopment

Thread ๐Ÿ‘‡
vercel.com
A free platform where you can host both the front-end and Backend of your app.
Supports NodeJS, Python, golang, ruby.
Provides free SSL certificate and a free domain.
Easy to use
Has a CLI and integrates with version control
Allow cloud functions
gstatic.tech

A free static site hosting service for your apps.
It's provides a free SSL certificate
You get a free random subdomain name.
Can host only static front-end.
Has a CLI.
Integrates with version control
Read 13 tweets
#100DaysOfCode
Here are some resources for learning React โš›๏ธ

#webdevelopment #javascript
๐Ÿงต๐Ÿ‘‡๐Ÿป
Obviously first and foremost, the React official documents itself.

reactjs.org/docs/getting-sโ€ฆ
If you like reading more than watching tutorials like me, here are the well written notes for React.
You can find almost very topic, related to React here.

tutorialspoint.com/reactjs/index.โ€ฆ
Read 10 tweets
I have been teaching #FullStack #WebDevelopment for over 5 years, and taking interviews for #FullStack developers for over 3 years now.
Here is a tiny thread ๐Ÿงต for aspiring #Developers ๐Ÿ‘‡
1. ๐Ÿ“œ Take up frontend first, easier to see results. Take up backend later

I personally learnt #NodeJS to support my #Android work, and later got into #Frontend. But if I only had to be a web developer, I'll redo it with frontned first.
2.๐Ÿ’ก Focus on basics before frameworks. Framework ninjas with 0 in basics get thrown out in interviews

It is nothing short of depressing how many people cannot even start making a simple project with #react or #vue scaffolding. Don't be that guy.
DOM events, semantic HTML ftw!
Read 14 tweets
5 Reasons to Learn Python:

1. Easy to Learn.๐Ÿ˜€

2. Versatility:

โ–ช You can use it for, ๐ŸŒWeb Developement, ๐Ÿ“ŠData Science, ๐Ÿ’ปMachine Learning, Computer ๐Ÿ”ŽVision, ๐Ÿ“ˆData Analysis and Visualization, Scripting, ๐Ÿ’ปGaming and in Robotics.

3. High Salaary.๐Ÿ’ฐ

4. Scalability:
โ–ช It is extremely ๐Ÿ‘Špowerful that you can build real-world๐ŸŒ applications.

5. Job Market:

โ–ช High๐Ÿ“ˆ Demand and ๐Ÿ“‰Low Supply of Python๐Ÿ Developer.๐Ÿ’ป

โ–ช Python is number 1 Programming language for ML and AI.

โ–ช By Learning Python you are actually investing๐Ÿ’ฐ in your future.
Read 4 tweets
#100DaysOfCode

How to get started with CSS?

Thread ๐Ÿ‘‡๐Ÿป๐Ÿงต

#CodeNewbies #webdevelopment #CSS #Webdesign
1. First and foremost, Learn about display property(inline and block for the first time).

2. Difference between padding, margin and border. There effect on the element size.

3. Positioning properties are the most confusing concept in CSS. So try to play with it.

๐Ÿ‘‡๐Ÿป
4. Learn about more tricky display value like flex, grid and so on.

5. After all that try to explore the pseudo elements. They are useful in making CSS art / illustration.

6. Try to play with all the background properties at least once.

๐Ÿ‘‡๐Ÿป
Read 4 tweets
I keep Getting DMs for CSS resources

A few things which I always use when creating an art / illustration.

Thread [1 of 8] ๐Ÿงต

#CSS #100DaysOfCode #programming #webdevelopment #webdesign
This site has some amazing color palettes. I always choose colors from here
You can search for youe shades too.w3

colorhunt.co

[2 of 8]
Whenever I get stuck at a particular CSS property, I always look for w3 school
(Many of you may know this already)

w3schools.com/css/

[3 of 8]
Read 9 tweets
- Landing page design

Step 1: Wireframing 101 with a Case Study

My first thread...๐Ÿ˜…

Wireframing is simply making the layout of the website using pen and paper or any web design tools.

#100DaysOfCode #DEVCommunity #Codenewbie #Webdesign #webdevelopment
Advantages:
- Focused approach in finding the content
- Easy to experiment
- Reduces a ton of designing effort
- Builds the foundation for the project
- Helps develop a storytelling experience
How to start:

- Define the purpose.

Is it to sell or inform or convert? Write in one plain line.

For example: The goal of the website was to generate leads.
Read 12 tweets
So you want to get into Cyber Security? Iโ€™ll tell you how
Cyber security is about protecting data, networks and devices from unauthorised access
Most people are currently working remotely.

This increases the risk of security incidences as companies' data is now accessible over home networks with little or no security add ons
Read 99 tweets
SPAM - spam atau email spam, disebut juga email sampah (junk), adalah pesan yang tidak diminta dan biasanya dikirim secara masal lewat email.

#KamusSobatIT #spam #it #Share #nmax #tirta
SPAMMING - mengirimkan email spam dengan menggunakan sistem tertentu sehingga dapat mengirimkan pesan dalam jumlah banyak dalam sekali waktu

#KamusSobatIT #spam #it #Share #PS5 #PS5Reveal #webdevelopment #webdeveloper
SPAMMER - orang atau sistem yang mengirimkan email spam secara otomatis maupun manual

#KamusSobatIT #spam #it #Coutinho #YLBHI #programmer #BlackLivesMatter
Read 5 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
[Web Development]

First Tweet!
Yaaayyy!
Kita mulai ya untuk bahas semua seputar koding.
Mungkin bisa kita mulai dari Web Development dulu kali ya?
Karena sekarang kan lagi ngetren soal Web Development.
Nantikan update berikutnya.

#codeTOPP
#webdevelopment
#belajarCoding
Sebelum kita berangkat lebih jauh ke teknis terkait web development. kita harus tau apa itu web.
Web adalah kependekan dari website. yang merupakan kumpulan halaman yang dapat di akses dari aplikasi browser.
Browser yang sering kita temui diantaranya : google chrome, mozilla firefox, internet explorer dan safari.
Bayangkan ada kumpulan halaman dan untuk bisa melihat/mengakses nya kita harus menggunakan aplikasi browser.
Read 57 tweets
Thanks @braveproductguy for sharing this set of Cognitive biases in #software #engineering
A. ๐€๐ง๐œ๐ก๐จ๐ซ๐ข๐ง๐  ๐š๐ง๐ ๐š๐๐ฃ๐ฎ๐ฌ๐ญ๐ฆ๐ž๐ง๐ญ ๐›๐ข๐š๐ฌ - work fills up the space you allot to it. Use budgets instead of estimates to build a quality feature
#webdevelopment
@braveproductguy B. ๐€๐ง๐œ๐ก๐จ๐ซ๐ข๐ง๐  ๐š๐ง๐ ๐š๐๐ฃ๐ฎ๐ฌ๐ญ๐ฆ๐ž๐ง๐ญ ๐›๐ข๐š๐ฌ - Missing links, lack of readability and documents leads people to use their own understanding of the system thereby making insufficient modifications.
@braveproductguy C. ๐€๐ง๐œ๐ก๐จ๐ซ๐ข๐ง๐  ๐š๐ง๐ ๐š๐๐ฃ๐ฎ๐ฌ๐ญ๐ฆ๐ž๐ง๐ญ ๐›๐ข๐š๐ฌ - Initial solution design or architecture design does not evolve sufficiently to accommodate new changes, requests or constraints. Developers who anchor on existing solutions tend to include unnecessary features.
Read 17 tweets
An ongoing thread to compile my 30 Sites in 30 Days challenge. #WebDevelopment #WebDesign
Day 1: Inspiration Network

A collection of websites who curate top designs & websites. #WebDevelopment #WebDesign
Day 2: Last Call

An album release landing page.
#WebDevelopment #WebDesign
Read 30 tweets
After exactly one year of tireless work alongside the amazing @chriseppstein... #CSSBlocks and #OptiCSS are now open sourced!

engineering.linkedin.com/blog/2018/04/cโ€ฆ

#StyleFaster #CSS #webdevelopment #webdesign
When we get these technologies deployed to production, they will reduce our *compressed* CSS footprint to less then 10% of what it is today โ€“ while also making the developers on our teams more productive, and our frontend code more resilient.
So, go dig in to the OSS developer preview โ€“ we want help and feedback! ๐Ÿ˜ƒ Time to get this baby out into the world: css-blocks.com ๐ŸŽ‰
Read 3 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!