Nlogn Profile picture
24 Mar, 7 tweets, 4 min read
5 Projects you can do to become a Frontend Master in 2021

A Thread 🧵

#100DaysOfCode
1. Build a movie search app using React (with hooks)

The first thing you could start with is building a movie search app using React.

Tech Stack -
a. React with Hooks
b. create-react-app
c. JSX
d. CSS

#100DaysOfCode
2. Build a chat app with Vue

Another great project for you is to build a chat app using my favorite JavaScript library VueJS.

Tech Stack
a. Vue
b. Vuex
c. Vue Router
d. Vue CLI
e. Pusher
f. CSS

#100DaysOfCode
3. Build a beautiful weather app

This example will help you to build a beautiful weather app using Google's Angular 8

Tech Stack -
a. Angular 8
b. Firebase
c. Server-Side Rendering
d. CSS with Grid Layout & Flexbox
e. Mobile friendly & responsive
f. Dark Mode

#100DaysOfCode
4. Build a to-do app with Svelte

To-Do apps are not necessarily the hottest topic out there but this will really help you to sharpen you frontend skills.

Tech Stack -
a. Svelte 3
b. Components
c. Styling via CSS
d. ES 6 syntax

#100DaysOfCode
5. Build a full-blown multi-language blog website Nuxt.js

Tech Stack -
a. Nuxt.js
b. Components and Pages
c. Storyblok module
d. Mixins
e. Vuex for state management
f. SCSS for styling
g. Nuxt middlewares

#100DaysOfCode
Thank you for Reading ♥️

If you love our content consider supporting us on Instagram too.

instagram.com/dermayank

• • •

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

Keep Current with Nlogn

Nlogn 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 @NlognHQ

26 Mar
BEST FREE TOOLS FOR WEB DESIGNERS AND WEB DEVELOPERS

🧵A Thread 🧵
Table of Contents -

Web Design Resources

1. Newsletter
2. Software
3. Photos
4. Icons
5. Fonts
6. Colors
7. Backgrounds + Textures
8. UI Guides

Web Development Resources

1. Domain Name Search Engines
2. Frameworks, Templates, Code Packs
3. Code Style Guides
4. Code Validation
Newsletter Lists

1. Creative Market (creativemarket.com)

Creative Market newsletter list is once a week newsletter, where you’ll get an email packed with 5 free downloads, including everything from patterns and fonts to templates and themes.

#100DaysOfCode
Read 20 tweets
25 Mar
Are you a web developer?

Here are few Productive Tools that will save you 10+ hours per week

A Thread🧵

#100DaysOfCode
1. Metatags

This tool can help you to test and view your website's preview when viewed on Google, Facebook, or Twitter.

metatags.io

#100DaysOfCode
2. ExtractCSS

This tool can help you to extract element Id, class, and inline styles from HTML documents and output them as CSS stylesheets.

extractcss.com
Read 11 tweets
24 Nov 20
SQL INTERVIEW QUESTION CHEATSHEET.

SQL is the most popular database and many popular websites use SQL. So, here is a collection of the most asked #SQL interview questions to help you prepare.

Please RT for reach and bookmark for easy recall.

🧵A Thread 🧵

#100DaysOfCode
1. What is Database?

A database is an organized collection of data, stored and retrieved digitally from a remote or local computer system. Databases can be vast and complex, and such databases are developed using fixed design and modeling approaches.

#100DaysOfCode
2. What is DBMS?

DBMS stands for Database Management System. DBMS is a system software responsible for the creation, retrieval, updating, and management of the database.

#100DaysOfCode
Read 25 tweets
7 Oct 20
Popular JavaScript Interview Questions with Answers.

JavaScript is the most popular language with ample job opportunities. Here is the list of 20 most asked javascript interview questions to speed up your preparation.

🧵A Thread 🧵

#100DaysOfCode (RT for reach)
1. What's the difference between undefined and null?

"undefined" is the default value of a variable that has not been assigned a specific value and "null" is a value that represents no value.

#100DaysOfCode
3. What does the || operator do?

The || or Logical OR operator finds the first truthy expression in its operands and returns it. This too employs short-circuiting to prevent unnecessary work.

#100DaysOfCode #javascript
Read 21 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

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!

Follow Us on Twitter!