Share this page!

Enter URL or ID to Unroll

You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649

How to get URL link on X (Twitter) App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
Matt Moll Profile picture
@MattCodeJourney
Sep 13, 2020 • 7 tweets • 4 min read • Read on X
If you are NOT a designer nor a front end savvy this 🧵 is for you!

Top 4 resources (+ bonus) I like to use for tricks, learning, and inspiration as a web dev who is not even close to a great designer nor a front end savvy.

Let's go!
#100DaysOfCode #HTML #CSS Image
1_ One-Line Layouts

I cannot emphasize enough how great this is if you have ever struggled with creating your base layout.

It is a 10 examples website with the actual HTML + CSS in place to let you understand (and copy 🙃) layouts!

1linelayouts.glitch.me
2_ CSS Tricks

This is a very well known resource but in case you haven¿t used it yet, go there. They have you covered with articles, videos, guides, everything.
A great resource to learn the insides and outs of front-end.

css-tricks.com
3_ UI Design Daily

Amazing place to get designs in Sketch or Figma. When I'm looking for ideas or designs for certain components I love to take a look here. You still have to develop it after though :)

uidesigndaily.com
4_ Awwwards

I love finding inspiration for web design on great websites. There are many out there, you can pick one that works for you.

I like using awwwards and search for inspiration there when I'm starting or get stuck with a web design concept.

awwwards.com
BONUS

Practice -> frontendmentor.io/challenges
Flat UI Colors -> flatuicolors.com/palette/defo
Remove BG -> remove.bg
CSS Icons -> css.gg
Build Color themes -> colorbox.io
PNG Cliparts -> pngguru.com
I hope you find these resources useful for your design and front end journey.

I know this is one of my weakest points and I work on it to get better whenever I can!

Thanks for reading and have a great Sunday! 👋

• • •

Missing some Tweet in this thread? You can try to force a refresh
　

Keep Current with Matt Moll

Matt Moll Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @MattCodeJourney

Matt Moll Profile picture
Nov 5, 2020
Agile this, agile that, everyone uses agile and few teams develop "agile-y".

If you are preparing for an interview you need to know a couple things about Software Development Methodologies!

This is the tenth and last thread of the series: Interview Preparation!

🧵THREAD🧵
First, let's get some facts & definitions down.

A Methodology is the systematic study of methods applied to a discipline.

Software engineering is the practice of using selected process techniques to improve the quality and results of a software development effort.

⬇️
There is 1 more, it is important, bare with me.

Software Development Methodology is the collection of policies, processes, and procedures used by a dev team or org to practice software engineering

So basically, methods and rules to develop software in an engineering manner

⬇️
Read 12 tweets
Matt Moll Profile picture
Oct 9, 2020
If you are tired of breaking environments or you keep hearing about DevOps but have no idea what that is...
Then this thread is for you!

Let's talk about CI/CD!

This is the ninth thread of the series: Interview Preparation!

🧵THREAD🧵
First, let's get some definitions down.

CI = Continuous Integration
CD = Continuous Delivery / Continuos Deployment
DevOps = Combination of practices of Software Development (Dev) and IT Operations (Ops)

Let's tackle these concepts and it¿s tools and practices

⬇️
CI/CD is a set of principles and practices to deliver code changes more frequently and reliably

It is one of the best practices for both DevOps teams and agile methodologies, as it goes hand in hand with their objectives:
- Focus on business value
- Code quality
- Automation

⬇️
Read 11 tweets
Matt Moll Profile picture
Oct 8, 2020
Most of the systems you will build in your life will need some form of persistence.
That is why when preparing for an interview you should be ready to talk about Databases

This is the eighth thread of the series: Interview Preparation!

🧵THREAD🧵
First, let's get some definitions down.

A Database is an organized collection of data.

A Database Management System (DBMS) is a software for users to define, create, maintain & control access to the DB.

You will also need a language to program and design your DB objects.

⬇️
There are very different types of Databases & also a lot of possible classifications.
I would say the most useful one is:

- SQL
- NoSQL

We are going to focus only on SQL Databases in this thread.

You can read MANY more classifications here:
en.wikipedia.org/wiki/Database#…

⬇️
Read 14 tweets
Matt Moll Profile picture
Sep 27, 2020
For sure the most frightening part of any interview is the: ALGORITHM EXERCISE!

This is the fifth thread of the series: Interview Preparation!

if(self.wantToPassInterview){
self.readThread();
self.likeTweet();
}

⬇️
Not every company evaluates this the same way.

If you are thinking about FAANG companies or similar this is probably the most important topic. Otherwise, this is still a big topic to cover but don't neglect the others

We will cover a roadmap for Algorithms & Data Structures

⬇️
First let's talk about some easy problems that are widely used in interviews, make sure to be able to solve them.

Read each of them and think of the solution now...

If you can't figure them, search on youtube, there are plenty of videos explaining and solving them.

⬇️
Read 13 tweets
Matt Moll Profile picture
Sep 26, 2020
If I had to recommend you to learn 1 topic for any FullStack Web Developer role it would be: Javascript

This is the fourth thread in the Interview Preparation series.

new Promise(youWillLearnSomething)
.then(leaveALike)
.then(commentBelow)
First things first, javascript can't be fully explained in a thread. I will give you pointers and common questions and some advice

Please take the time to learn and practice JS
Some resources:
freecodecamp.org/learn/javascri…
theodinproject.com/courses/javasc…
Youtube has plenty of JS material

⬇️
Javascript is a programming language, the one native for web browsers, and one of the most used in the world.

It allows you to create a front end, back end (node), and even mobile with some magic in the middle. Let's go through the fundamentals that you should learn.

⬇️
Read 17 tweets
Matt Moll Profile picture
Sep 25, 2020
Now it's time to get into the specifics. Do you know how to build Front ends?

This is the 3rd Thread on the series of Interview Preparation

Let's get started!

🧵Thread 🧵 Image
A quick note here: This will focus on web devfront end (some things apply to mobile too), but keep in mind if the position is backend developer, desktop developer, or other fields some things might not apply.

This would be the standard front end check for FullStack Web devs.

👇
First of all, you have to understand:
* What is the Web
* Server-client relationship
* How in the end our web browsers can only process HTML, CSS, and Javascript.

You can read a little bit more here in a short article I did some time ago:
codejourneyclub.com/become-front-e…

👇
Read 14 tweets

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/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

Send Email!

:(