DEV Community: Aashir Khan

How I would build an MVP today

Aashir Khan — Wed, 21 Dec 2022 23:26:21 +0000

In the past 2 years, I've learned a lot transitioning from just being a front-end developer to being a product manager. My thinking now is very different.

Before I focused too much on technology, and just procrastinated on the things that don't really matter in terms of business and the word "MVP".

This is how I would build an MVP for a SaaS product today:

1. Write down a checklist with 5 bullet points in the context of how I imagine the end result would look like of my MVP.

2. Review if the things I listed are really needed for the first version of MVP and if I'm not giving time to creating the product features that shouldn't even exist the first time.

Tip: Review it the next day, or a few hours later. So the mind is fresh and that memory is over-writeable.

3. Building the product (as I know how to code): Go with my most comfortable technologies, in my case I've worked with the JavaScript framework (VueJS) my whole life and Tailwind.css and Node.js on the backend

Tip: Do not try to try new technologies. I've tried this many times by trying NextJS / Svelte / .NET e.t.c or even newer versions of your comfortable technologies. Like Vue 3 instead of 2.

I know that Vue 2 is old, and Vue 3 is a newer version but am I comfortable with Vue 3? No.

I've done this mistake many times to go with the latest technologies, newer edge technologies. Trying to shoot two shots with one arrow. Achieving to build MVP and also learning new technology.

Only one can be done, either I waste all my time debugging the build processes and my code or build the MVP.

Also what I think may save you time like using an existing design system may end up giving me more pain and just increasing work.

Simply saying: Go with what you already know, what you've already used and are comfortable with. Do not try something new. It's a deep hole you dig for yourself.

If you're not a developer, use Bubble. Don't try to read the pros/cons of all NoCode Tools out there, and compare pricing and stuff. It doesn't matter in long term. Just pick this one, and go ahead. You will always rebuild into code after your idea gets successful or you can always move around later.

4. Don't try to focus so much on the big big picture, as one of my good friends says "Try to make 1 customer happy first, then 10 customers, then 100, then 1000, then ..." **

For example:** If I'm building an AI photo generator app, it doesn't need to have a forget password page. Don't waste time on that. Your MVP is meant to serve very few people. I'm sure I can manually generate and reset passwords for them when they need it. (Just an example of ignoring things)

What an AI photo generator app needs to have is:

1. An Input to upload photos to model

2. An output that gives you generated photos

If this works, it's enough. Doesn't matter if my login page doesn't handle the edge cases, or my site is not fully responsive on mobile or other cases. **

5. Execute the 5 points list that I wrote one by one, Deploy it. No need for a perfect domain. A subdomain provided by Netlify could also work. Share the link with my first customer. Collect feedback, and build from there.

MVP is done. Thanks

MVP is not taking decisions and setting base for your product for years to come. MVP is fulfilling the need of your first customer and collecting feedback. You can re-build the whole thing in a much better design, technologies after your MVP is successful

Just remember this

I also posted this here: https://justaashir.bstatic.io/how-i-would-build-an-mvp-today

This is how I would learn web development If starting today in 2022 + get a job (Roadmap)

Aashir Khan — Sun, 03 Jul 2022 22:12:30 +0000

It's a nice Sunday, I'm on my bed watching a good movie on Netflix and I got another message on my Instagram from someone I know asking me "How should I start learning web development?"

I receive message like this at least once a week in different formats:

"How to start coding?"
"How you got the job?"
"VueJS or ReactJS?"
"Do you know python?"

I would apply the logic of "Well, you can google it" almost everywhere but this is an exception as they trust my opinion and want to know directly from someone who is already there.

So I'm writing this post to better explain how would I learn web development today. It's not much different than when I learnt in 2018 but there are better resources available.

Scrimba: The Frontend Developer Career Path

This is the place where I recommend everyone to start from right now as I find it the best way to start diving into web development today. It's more interactive, and very complete with excellent teachers, well produced and up-to-date.

It starts with explaining you the career path then web development basics, CSS, JavaScript, Responsive Design, Advanced JavaScript, Git, Ui Design, React e.t.c to getting hired as a front-end developer.

It's all interactive, so more fun and engaging than youtube videos and crash courses and very clear path with 75 hours of content.

You're gonna build 12 amazing projects and a have great portfolio at the end with a certificate.

It's free to start and take intro courses, learn basics and then for more courses you've to upgrade to pro ($18/month) but it's really worth the price than buying individual courses.

I recommend this because it works like a college or bootcamp and you know what's next and you've a progress bar to follow.

While on the other hand it's very easy to get lost in different technologies and jumping between videos and stuck in the tutorial hell.

But there are also some more resources which I would recommend to look to and honourable mentions:

The Complete 2022 Web Development Bootcamp by Dr. Angela Yu: I took her SwiftUI course once, and she's an awesome teacher
Freecodecamp: Have heard a lot about this from my friends and twitter, It's just awesome how many lives it changed and it's completely free.

Now Scrimba is only focused on front-end development, and I would deep dived into recommending front-end path because I've only been a front-end developer in my career so far.

Backend: Here are my opinions

Take a front-end course, go into front-end first and learn through it. First understand the difference between front-end/backend-end and how web works e.t.c and then go into backend.

All backend devs need to know and write some front-end. They can be called full stack actually just not focused much on the Ui part.

So don't try to jump in and try to be backend developer from start. If you're ready and enjoy the logic part more I would recommend checking these:

Node.js Tutorial for Beginners: Learn Node in 1 Hour: This is how I tried NodeJS for the first time.
NodeJS & Express: Complete Course: I've watched bits of it, and It is very complete.

These are all NodeJS, as I feel JavaScript is the way to go and start then you can better understand the problems of NodeJS and explore different options like .Net, Go, Java e.t.c

When will I start earning money? The big question

So the question in everyone's mind always, even if they don't say it as like it's a never-ending path of learning and when could I start earning money or get a job.

It's different for everyone, some could take 6 months and some a year or two.

But you should start freelancing as soon as you learn HTML/CSS and have made a few test projects. This will always help because you started early and will have a linear slow growth and get experience as you go.

Watch this amazing video:

Now from my experience there are two ways to get a job:

Freelancing: When you're a freelancing, one of your contact will offer you a full-time job because they want you exclusively and ta-da you got a job. Freelancing is usually used by clients to test someone of their skills with small tasks before hiring them for big projects or full time.
You apply to jobs: Check on career pages of startups and companies, see job posting websites and apply. First job is very hard to get, but sometimes you could be the exact thing the company is looking for. Maybe your personality + portfolio fits the criteria and experience gets ignored.
It gets easier after the first job. You'll have a nicer LinkedIn, more contacts e.t.c

🚀 Tip: Try to stand out, send a 1 min video attached to the job application of yourself professionally pitching yourself.

So yeah it's not some black magic tricks or anything. It's straightforward knowledge available everywhere on Google.

You just need to start learning from wherever, doesn't matter in the bigger picture.

And there is no way to hack into job process. You need to start by freelancing, go slowly up the ladder. Apply to jobs, one day you'll be up without even realising.

There is no correct or wrong way to learn anything. All of the resources shared and this whole post is completely opinionated based on my experience and thoughts :)

Thanks for reading this, do share your thoughts.

Hey, I'm Ash. More about me here

I've not written a post since 1 year, so my writing is on a bit weaker side. It was very hard to sit down and write this, but I finallly did it.

Let's hope I get the motivation to write another one sooner than next year haha.

My Story completing 1 year at an early stage startup (Part 1)

Aashir Khan — Sat, 31 Jul 2021 11:33:51 +0000

When you are just doing your daily work, and your eyes land on the created_date of the file and what looked like yesterday have been 6 months or more… 😳

That’s how time flows at an exciting fast-forward workplace, fast enough that you don’t feel like feeling it but you still feel it.

This post is all about me sharing how I started and now have completed 1 year at 🥝 Kiwify.

[August 2020]: So, I was just sitting around surfing the web around. Tailwind was my new love those days (We're married now 😂). I had completed my first internship where I learned VueJS on the job.

I was looking for side hustle ideas, and trying out basic stuff like started a remote job board (Dead now) with my friend.

I was searching for jobs to post on my job board. This is how the lazy process looked like:

Go to Google: Search for "X Company Jobs" or "X Technology Jobs" and then handpick them.

On that day, I searched for "TailwindCSS jobs" and found out an Upwork posting, and ohhhh man glad till this day that I clicked it. The title was something like "VueJS & TailwindCSS Developer needed to create dashboard screens"

When I read the description, it was like the description was written for me and was calling me "Come, baby, Come!"

It was exactly what I wanted/had experience. It was quite basic work, like for 1--2 weeks maybe. as they were providing the Figma templates and TailwindUI.

Fun Fact: Another reason to apply for job was to get access to TailwindUI (even if I don't complete the project LMAO), as I was thinking about creating https://tailwindcssuikit.com/ and didn't had budget to check out TailwindUI just for inspiration. It's $250 to get access

What I only had to do was:
→ Convert Figma to TailwindCSS & Vue

All looked good, I was convinced that I really want this. So next step was to apply for it. Hahaha 😂 Most Interesting part.

Upwork Drama

If you know Upwork, and how I knew Upwork was that they're quite strict with profile approval. You've to submit information, and it takes like 1--2 days, to allow you to bid on projects.

So my first try was to find the client outside of Upwork, for example, reach out on Twitter and convince. But it's quite hard to find the right person without much info, So had no luck + The client was super underground with very little info online... (is now a superstar that people now recognize on the streets of Brazil)

So, anyway. I sent the profile for approval and even if got approved the day after, the chances are that the job will be closed.

Whhhhhhaaattt, It got approved after 5 mins.

So what I did was to put my heart out to write the cover letter and answer three questions:

→ Tell us about your previous project with Nuxt/Tailwind

→ Share the project's link

→ Why you're applying for this job

One interesting thing about me talking out my mind/heart, What I'm doing here, in this post too. I'll not try to refactor into better sentences and grammar e.t.c\
I believe it makes my writing unique, cause it feels like someone is speaking to you and not proof-readed piece gone through revisions.

I applied for the job..., and I got a reply back after 3 hours.

I had a nice chat, they also asked me if you'll be up for a full-time position too if we offer and hourly rates e.t.c and then gone for the day...

Came back another day, gave me Figma, talked a bit, and started the contract 😂🚀 (Like WTF?)

So my first goal was completed, I got access to TailwindUI. I was more than happy.

I did the work, there were some small iterations but I was told it's good and the code will be reviewed (It was the first time, someone would review my code like critique it).

Another Side of the Mega Drama: My Big Mistake

As I was 16 years old, at that time (Now 17). I did a big mistake... I made an account in my name and when the contract was awarded → They asked for video call / ID Verification. Which I would not be able to verify.

So we moved out of Upwork... (If I would've been at the client's place, I wouldn't be that calm about my behavior at that time... and wouldn't co-operate this much how I was co-operated too. It was all my learning phase..)

One of my many mistakes

Thinking anything as a jump-off didn't care about what they were doing. What I all did was to make wrong assumptions, and cared all about finishing the project / my win then their win / didn't tried to build the connection/trust.

Connection/Trust matters more than anything

I repaired my mistakes later, that's why I'm this far... You can't be successful/happy being stubborn, always be learning / keep learning.

So we shifted from Upwork → WhatsApp → Slack. I worked with so many amazing people who have built some amazing stuff, and have tens of years of experience. The thing I picked was, that I know nothing and that helped me to keep learning from these people.

The next part of the story is about, how I built the connections, my love for my work, care about everything, and then picking up the role of Head of Product.

Key Takeaways:

Never ever make assumptions, without trying. (For example, If I would've decided Upwork would never approve me, or this job would've been filled. I would've never gotten it. What I did was that I applied to it, and kept all things at side)
Speak your heart out, be honest
Always learning, Ask for feedback. Keep improving. Realize early that the person you're talking to knows a lot more than you and how you can learn from them.
Age is just a number.
There's a big advantage getting early in the company, you get more opportunities and the best fast-forward hardcore space to learn in the first 6--7 months (But it can be hard if you like the calm normal day working).

Thanks for reading :) Follow me on Twitter to get update about Part 2

Thanks to Lucas, for motivating me to write again after this whole year.

Transitioning to PM Role, The Four Horsemen and 2 Free Resources - Newsletter Issue #1

Aashir Khan — Tue, 02 Feb 2021 19:17:52 +0000

Hi! Welcome to the very first issue of my newsletter, where I’ll be sharing everything I read, think, gossip, tweet, and share at the end of the week. All my learnings in a bite-sized form on content. So let’s start

Being a Product Manager is hard

I’m currently transitioning to a lead PM role at my job (just after 6 months as lead front-end). I got offered to be the Head of Product because we needed someone to take responsibility + have an owner’s mentality + already have experience of our working style.
So I’m currently 35 days in my role, and I can say it’s hard, and a lot different than programming but I do recommend trying to fit in if you get offered because:

It gives you more information about the whole bigger picture
It’s exactly thinking like CEO mostly
It pays well 🤑

I’ve been sharing some tips on my Twitter for example like this:

Aashir Aamir Khan

@justaashir

Being a PM is hard, 💭

Here is a tip:
"Ask about status updates frequently, at least once a day. It'll let you know how's the schedule + remind to the person that you're looking up to the task and want it done soon"

#productmanagement #startup #programmer

13:34 PM - 02 Feb 2021

What Book I'm reading right now?

The Four: The Hidden DNA of Amazon, Apple, Facebook, and Google

Scott Galloway equates the Big Four - Google, Facebook, Apple, and Amazon - to the Four Horseman of god, love, sex, and consumption respectively.
The author proceeds to examine and deconstruct the strategies that the Four employed in becoming the present giants of the industry
I’m kinda loving it, but I’m a little biased because of my interest in the genre.

What resources did I found this week?

Anything else?

Yeah, I’m going to buy the Grammarly pro version, to improve my overall writing ability and communication skill. So I’ll be reviewing it in my next issue #2
Also, Today’s question: Have you tried the Clubhouse app? Do you like it? What do you think about it?

Subscribe to my newsletter, :)

This post is exactly the same as Issue #1 of my newsletter "Just Another Newsletter"

Thanks for reading :)

Does anyone have experience building "Website Builder (Drag/Drop)" like Wix, Webflow or Unbounce?

Aashir Khan — Fri, 04 Dec 2020 19:06:59 +0000

Hi, Does anyone have experience building "Website Builder (Drag/Drop)" like Wix, Webflow or Unbounce?

If Yes:

What tools you used?
What was your ultimate goal?
How will you break the workflow into multiple steps building it?

If No:

If you get a job today to start building it. What will be your approach?

Any answer will be helpful. Let's make it a healthy discussion

How I created my resume/logo/portfolio in the last 3 hours

Aashir Khan — Mon, 10 Aug 2020 00:00:53 +0000

So, I'm back again and 🙈 sorry for not posting for a while again and again.

So, What's happening? (Summary in 1 paragraph)

COVID-19 killed the startup I was working on, Now I'm working on a remote job board and Tailwind CSS Ui Kit. Thinking and Learning all the way, made my home office + Starting to build a TailwindCSS Course + a First Urdu Language Podcast on Development. This is too much for me now.

So Today's intention of writing this article is to share my experience of last 3-4 hrs of how I went through all this stuff and ended my procrastination of doing some really tough work for me:

Making a Logo for myself
Designing a Resume
Making a Portfolio

So this is how it started, I was reading this post and it really got me motivated to go make my resume, I was using basic LinkedIn PDF Resume till now. I somehow remembered that Canva got some amazing Resume Templates. I got to Canva and, picked up one template started modifying it and putting up content and my profile picture. I did modify the upper section... and it ended up like this:

Then I exported in PDF and shared on twitter. BTW still very much active on twitter, go follow me.

I moved to the same post (I was reading back again), and the second point was "Portfolio":
"People I have spoken to have put off applying for jobs because they weren't happy with their portfolio.

Newsflash: I am STILL not happy with my portfolio. I got my current role with absolutely NO portfolio. If I had waited until I was happy, I would still be waiting!" __Cited from article

I designed almost 3-4 portfolios, but they never saw the heat of the server. I was guilty of not able to design a portfolio. So I had an idea, why not just make this resume as a website (This looks good!)

I opened up Codepen, imported TailwindCSS (My First Love), and started rolling the ball + I used Figma for small image export and ImageBB for file-hosting. I started designing, designed the small part and my name was just looking like any other text on the page, So I said "My Name should fire up". I went to Canva and just tried to change the Font to Handwriting and line-height in minus. Copied it and pasted it here:

It really ended up being cool, and then back to CodePen, just some mobile layout change and done, shared on twitter. Came up here to tell you the story... that How I made the logo, Resume, Portfolio in last 3 hours.

This is the Codepen:

Thanks, for reading.

Note: I'm writing this post, just before sleep and really exhausted. I haven't proofed-read or did any improvements and checked all the links. This is a rough post for my true followers...

Testing Forms with ease using Fill.ly form-filler 💌

Aashir Khan — Thu, 09 Jul 2020 18:44:17 +0000

This tool is not another password manager; it’s a tool for better development for the community, it can easily make your work easier and save you from a lot of anxiety of filling up the same forms again and again in development, testing or production environment. It’s a modern approach to better and productive in filling up forms and sharing them with your team.

How to Install Fill.ly

Google Chrome is the most popular browser right now. You can easily install Fill.ly as a chrome extension in the Chrome Web Store and it's completely free.

Note: extension is only available for Chrome

Install the Fill.ly extension for chrome, It’s completely free.
After Installation, you can notice a small Fill.ly icon on the right top bar of Chrome.

Now you can start saving forms. There are two ways in which you can save forms

HotKeys

It’s the easiest and most efficient way to save forms, just press ALT + Shift + 2 to save a form on a website, and to see all of your saved form for the website just press ALT + Shift + 1
You can also perform these actions through the icon of Fill.ly on the right top bar on Chrome, like this :

It’s just the most basic use of Fill.ly, but Fill.ly is power-packed with so many features. You can access all of these features from their Online Dashboard(Web UI), you can access the dashboard by signing up on Fill.ly’s official website..

How to Use Fill.ly

This is a very simple practical example of a Checkout Form, it’s on my computer right now, and I’m running it on a Localhost.

Scenario: It’s a checkout form, and the problem is that MySQL database is not getting the Credit Card Number, from the form correctly. So I want to fix it out but every time I have to Hard-Refresh the page, which means filling up the entire form again and again.
I have to fill up my form the very first time and then save the form using the FIll.ly Hotkey ALT + SHIFT + 2:

Then after a hard refresh, I don’t have to fill-up the form again, I can easily retrieve the saved form, with the Fill.ly HotKey ALT + SHIFT + 1:

So now you can imagine how easy it is to save and reuse forms with Fill.ly. This is not just for personal use, the frustrating experience is to work on Forms with Team. you have to explain every other guy to fill-up the form correctly. Now you can share your saved forms with anyone in your team and they can share their forms with you.

How to share forms with Teams?

You can share your saved forms with your team, in the UI dashboard of Fill.ly by visiting this link, you’ve to login first if you already have an account or you can Sign-up for Free on FIll.ly.

I invited my friend to join my team at FIll.ly from the UI dashboard of Fill.ly,
My friend received the automated email invite from Fill.ly and confirmed it. He is on my team now.

Bonus: Domain Mapping

What's Domain Mapping?

Domain mapping is using the saved forms on different instances of an app. For example, I’m using the fill.ly forms with the app in my local development environment, and then I uploaded the app to Netlify, this doesn’t mean that I can’t access the fill.ly forms. I can access them by mapping the local development environment’s domain to my netlify domain like this.

Visit the Domain Mappings in Settings of Fill.ly
Add a new mapping, Enter the domains, and done.
Now I can access all of my saved forms on My Netlify website.

Note: You have to enter the domain in the specified format:
Without any prefix, Port, protocol, hashes, query strings (Just raw domain like myapp.com)

Summary

You can easily save any form data on the web and refill it again later in just a second using Fill.ly extension for chrome, It will be always available to you.
You can share any form details with your Team, and it’s much better than explaining them to fill this up with this, and then this. You can just tell them to use this form’s data and the filly will fill up the data in just a second for your team member.
You don’t have to fill-up the form again for different app instances, you can easily map your domains to share the forms.
It’s completely free, You can download it easily from Chrome Web Store.

Best JavaScript resources 2020 - Start from here 🚲

Aashir Khan — Sat, 20 Jun 2020 18:46:28 +0000

These are my personal picks of learning JavaScript in 2020, I picked all of these resources myself, most of them are my favorites and I also used them while learning.

This was originally a long thread on twitter, later I made a post about it

Aashir Aamir Khan 🚀 #100daysofcode

@justaashir

Achieve JavaScript Mastery!
Start from today... don't know where to start?

Here are some resources: [Thread] 👇
Most of them are free.
#100DaysOfCode
#CodeNewbie

08:08 AM - 20 Jun 2020

This list is very much opinionated, and I must have skipped so many resources so feel free to feature them in comments. 🤞

Tania Rascia's Blog

She is super awesome, If you love written posts,
@taniarascia got it covered in her amazing blog Grinning face

There are a total of 43 Posts, on JavaScript (Basic to Advanced)
Check it out, and I bet you'll love it. There are more than just Javascript on her blog.

The Modern Javascript Tutorial

One of the best, and the most complete tutorial series to date. I love 💘 it because it's a modern approach, brief but simple explanations.
It's also available in different languages through translations. It's currently serving me as my reference guide. Please Contribute to the project, by supporting it through $

JavaScript30 by Wes Bos

It's a fun, engaging, and super cool video series of 30 videos, by one of my favorite content creators. It's unique on its own, as it doesn't follow the traditional learning procedure. I highly recommend it if you want to have more interest in JavaScript specifically.

Books

If you ask for a book, there are two that worth lots of respect! They are also available for free, but I highly recommend you to please support the authors.

Eloquent Javascript (Latest Edition)

YDKJS - Series

Projects

Learning JavaScript theory is not enough, to achieve mastery! You've to make some real-world projects, to get into bugs, and then solve it.

@traversymedia got a Udemy course for you.

20 Web Projects with Vanilla JavaScript

Some more resources

JavaScript Style Guide - Airbnb

This is completely opinionated and it's not really related to learning JavaScript, it's to improve your code and make it consistent.

It's a brief list of some of the best practices to follow while writing JavaScript and it's not one-time-visit learning. Bookmark this ⭐

Some of the Posts I loved, and worth mentioning:

⭐️🎀 JavaScript Visualized: Promises & Async/Await

Lydia Hallie ・ Apr 14 '20 ・ 14 min read

#javascript #node #webdev

#100DaysOfVanillaJS: What is JavaScript, Primitive Data Types & Let, Var and Const

Tae'lur Alexis 🦄⚛ ・ Apr 8 '20 ・ 7 min read

#webdev #javascript #beginners #programming

Videos

One of my most memorable video about JavaScript that really changed my perspective 💘

GitHub

So that's all you can now close this tab.

Note to my DEV followers and recurring readers: I'm back, and it looks like this time I'll not go for a long time again. 🤞
I'm packing up, for my next remote job with MERN Stack in the next 3 months. I'll make a super great portfolio + also share resources & Learning as I go through my job-process.

I'll also start working on a micro-saas in a few days + there are few more plans. If you want to join me in this journey, I'm active on twitter from day one and never took an off. So be sure to follow me, it's @justaashir

If you're interested in more posts like this, comment 👇
If you're looking for a Front-end web developer with great communication skills, it's me 😁, just contact me on hello@justaashir.com

If you want me to write for you/your brand, I'm also available for paid writing opportunities.

Create a Basic Node.js Server without Express (10 mins)

Aashir Khan — Wed, 10 Jun 2020 07:18:58 +0000

Follow me on Twitter

// Detect dark theme var iframe = document.getElementById('tweet-1270608601556701185-625'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1270608601556701185&theme=dark" }

Official Website is Live 🎉 - Built with TailwindCSS and AlpineJS and lots of 💗

Aashir Khan — Tue, 26 May 2020 19:20:12 +0000

This is the official website of Justify Agency, built with lots of patience, design work and 💖

Repo: GitHub Public

Watch the Video:

Visit it here: Click here

Technologies Used

TailwindCSS: We love this framework a lot, and we are absolutely not going away from it. It's fast, scalable, easy-to-use. We used it, at first it looks like that it's too heavy but after compilation, our CSS Size is only 3KB 🤯
AlpineJS: We don't like to play with DOM Selectors anymore, even for simpler things + We are using VueJS every day, so it's a deal-deal
Parcel**: It's Simple, that's it
IonIcons: This is completely biased, our cat loves it so 😍
Netlify: It's simple, with Free SSL + Auto-Deployment. We can roll-back easily and we're also using built-in form collector.
Sal.js: Lightweight scroll animation library (Zero Dependencies) and it's just super minimal.
GitHub: It's free for teams now so 🥳
Favicons - It worked for us, and provided us the zip file of different sizes

Page Speed Insights

Desktop

Mobile

Some Credits:

FreePik - Thanks for Illustrations

We are ready for the Launch!
Follow us on Twitter

McDonald's Card - TailwindCSS in 10 mins

Aashir Khan — Wed, 06 May 2020 12:28:14 +0000

Hi, Watch me coding this with just TailwindCSS under 10 minutes. It's a very simple approach to code an isometric card.

See this codepen:

Just Code 2020 - front-end web developer roadmap - Announcement

Aashir Khan — Thu, 23 Apr 2020 05:19:49 +0000

Front End Web Developer, Roadmap for people who want to learn the most useful and good parts of front-end web development in an organized way. Series of Live-streams and code-camp(inc.)

📝 Table of Contents

Problem Statement
Idea / Solution
Roadmap
Future Scope
Getting Started
Resources

🧐 Problem Statement

Beginners usually start by learning HTML, then CSS, then JS and then NPM, GIT and then other things.... their motivation starts to end as they proceed because there are no milestones other than getting a job after being a web developer..

They just want to complete the development journey as fast as possible and get the job, but they do get into the tutorial rut + things like imposter syndrome. No guidance leads to it.
So What should we do?

💡 Idea / Solution

The idea is to divide the learning process into so many milestones, that person will achieve and enjoy, and get updates. For example, he learns HTML, and directly upload the plain HTML website to Netlify. It's a motivation that you've made your first webpage, now you just have to style it, after styling and learning CSS and Flexbox/Grid and making some designs. You're now a "Web Designer". Now let's have a look at the next approach "Web Development". In this way a person will get motivated at every step, I'll also help them to end up with a freelance-ready portfolio and I'll also review their portfolio myself

⛓️ Roadmap

This is a rough roadmap, but in my case, that's what I do all the time. I learned lots of things, but I use these listed things usually.
Skip most of the part, learn different hacks, learn modern things, and done...
Learn how to debug, Learn how to Figma, Learn how to Animate
APIs are great...
Your development environment should be productive

🚀 Future Scope

So, I will add lots of resources in the future, you're completely open to help me in it.

Going to write small guides, and create more roadmaps like this
Create Youtube Live-streams
Convert it into Urdu/Hindi
Resources Lists

🏁 Getting Started

So, I'm going to follow this roadmap and teach all of the things to you on my Youtube Channel through Live-streams, later we'll edit it and convert into the more high-production quality and short video
Join me on Youtube

Prerequisites

Good Internet Connection
Laptop
Motivation

Who Am I?

I'm a front-end web developer and a technical writer. I love helping developers to get out of the tutorial ruts, and imposter syndromes + I love to teach them how to do things the right way.
Follow me on twitter

🎂🍰🍥 Resources

Coming Soon, I'll add them to repo + here

Quick Links

It's open for contributions: Github Repo
Official Youtube Channel, Where I'll be making live-streams from 24 APR on it