DEV Community: Ali Ahad

How to become a self-taught professional Front-end Developer! (30 days).

Ali Ahad — Wed, 10 Aug 2022 13:40:00 +0000

How to become a self-taught professional Front-end Developer!

Desire mindset.
Time scheduling.
Get an Idea about UX/UI design. ( https://youtu.be/c9Wg6Cb_YlU )
Learn about How the web works in browser. (https://www.youtube.com/watch?v=hJHvdBlSxug)
Learn Complete HTML and CSS. ( https://www.youtube.com/watch?v=G3e-cpL7ofc&t=2692s ).
Visit w3schools and read A to Z about HTML and CSS. It will sharp your brain to memorize HTML and CSS
Build 5 projects with HTML and CSS. You can clone popular website's homepages like Google, Facebook, Twitter, showwcase, etc.
you can visit dribbble and Behance to see other designs and learn about color and fonts.
How the JavaScript engine works in browser. ( https://www.youtube.com/watch?v=LLxNAw4CVTs )
Learn JavaScript. ( https://www.youtube.com/watch?v=DqaTKBU9TZk).
Visit w3schools and read A to Z about JavaScript. It will sharp your brain to memorize about JavaScript.
You have to choose one JavaScript framework/ library to make it easy in your life. but I will recommend to learn javascript concept for react. ( https://www.youtube.com/watch?v=m55PTVUrlnA ).
Now your turn to learn React. ( https://www.youtube.com/watch?v=bMknfKXIFA8&t=15s ).
Now build some frontend projects. You can forgot about some HTML tag or CSS or Javascript callback. Don't worry, It's natural. From now you have to forget about tutorial hell and you have to be familiar with those technology's official documentation. For HTML and CSS I will recommend the MDN website.

Let me know If you follow this step in twitter : iamaliahad

Congratulations. If you full fill in those steps. Remember practice makes a developer perfect. You have to practice again and again.

You can't believe How many website are made by Reacts!

Ali Ahad — Tue, 18 Jan 2022 12:01:19 +0000

Top great website are made by React! There are thousand of Big company, Engineering website, Online editor, Online graphics editor are made by React. Lets see some example:

5 Useful Website For Web Developer.

Ali Ahad — Tue, 17 Aug 2021 06:48:05 +0000

Hi, Have a good day. Today I am going to demonstrate to you guys about 5 useful websites that who are learning web development or who have skills about that It will be very useful for them. So let's talk about that.

Ui Colour picker: This website is very helpful for web developers who want to choose colour but they have no time to choose or It could be some web developers don't like to choose colour for a long time or he maybe can't decide which colour will be great for his website, then This website's for you. There has a pre-ready color for you to and the main thing is those colors are very professional. So visit this website and hope you will like it.
Canva.com: This is the best website for web developers. There have a lot of work like some designs that you don't need to change always or if you need to change then you don't need to change on another page. Another thing that some design you may need to use is photoshop for like flyers, business cards, Advertise, etc. There is no doubt that Photoshop is great for design. But the problem is it is expensive and a timekiller for web developers. So Canva is for you. There is a lot of free design stuff you can use with free copyright. But there have also premium stuff but don't worry after the finished design than you can take a screenshot. But here is the one thing if you buy a premium subscription that will be a big victory for you.
CSS grid : HTML and CSS is very important for Web developer. Sometimes CSS can be a pain for us. Tell me when you are designing your website How much you google it that how to center a text. haha, I am joking. But sometimes it is true. There are big things we get trouble with that is Flex and Grid. Both are amazing for CSS design. Personally, I use Grid. Sometimes It can be useful more than flex. So there have many functions and Ideas in the CSS grid System. Sometimes we might forget those functions. Learncssgrid is the website for you. It is a simple website that you will find solutions easily. It is kind of CheatSheet but I am sure you will like it.
JavaTpoint : This is the website when I visit per hour then I tell myself Holy S*. Because This is the website that you will get tutorial almost everything. We are human programmers, we are not superman that every programming language or framework structure we will remember and recognize it. Like you are a Javascript developer right now. You wrote code in PHP 3 years ago. But you need to write code in PHP today. What you will do? probably you will go on youtube or buy tutorials?! That will be a big mistake and a time killer for you. I like video tutorials but the problem is you will remember less than reading in a book or website. I am not against video tutorials but If you watch them every time about then you will feel that you have no time to make the real project. So visit this website I am sure you will like it.
Site Inspire: Inspirations, Motivation is important for focusing on your career. I am not going to motivate today but I will tell you the amazing website that You will get inspired in design and also you will recognize that this design exists or you can apply it. So this is the website for you. You can look at other's designs that You will get inspired. There have many showcase websites of the best web design for you and highlighting examples of exciting visual and interface design and is a resource of inspiration for your next web design project.

Follow my twitter: iamAliAhad