Let's Deep Dive into Full-stack Web Development

Abhinav Maurya — Sun, 05 Dec 2021 13:17:34 +0000

Hello readers, this is Abhinav maurya here, I’m a frontend developer and heading up towards backend.
In this article I am going to talk about those technologies which are being used for web development and you should learn it to become Full-stack Developer. Also, I'm going to talk about how you can learn those technologies, how much time you should spend with those techs and from which resources you can practice those technologies.
Before moving ahead with tech talks, ask yourself why you want to learn Web development?
📑Here is my answer :
➡️ Web development will be easy for you if you are new in programming world.
➡️ Every start-up or small business who wants to put their business online, they usually go for websites because websites are cheaper than applications. So, in future there will be lot of high demand for web developers.
➡️ Web development is fun also there is large developer community out there on twitter & LinkedIn, so you will get lots of help and guidance from other developers.

☢️Read this article till the end because I'm going to share some awesome links from where you can learn web development and practice it.

Okay, Now let's begin with tech talks. So, First Language you need to learn is:
🧑‍💻HTML (Hypertext Markup Language): HTML is not a programming language it’s a Markup language. It gives skeleton structure to your website.
✒️You can easily learn and master HTML & HTML5 within 15-20 Days, just giving 2-3 hours per day.

🧑‍💻CSS (Cascading Style Sheets): With the help of CSS, you can give style to your website, you can give beautiful layout to your website and make it responsive (make it available for all devices).
🧐Few important topics which you should cover while learning CSS:
➡️ Box-model.
➡️ Layouts (Flex, Grid).
➡️ Media Queries.
✒️Spend a month with HTML5 & CSS3 make at least 5 to 10 projects, try to make responsive projects.
📖Beginner Book for HTML & CSS: https://amzn.to/3ooMIzx

❗it is optional.
🧑‍💻Sass (Syntactically Awesome Style sheets): Once you are pretty confident with CSS & CSS3 features, then shift to Sass. Sass is nothing its just pre-processor for CSS. it gives more power to your CSS and you can use it in small projects but it is mainly designed for big & complex projects.
✒️Spend a week or two week with Sass, this much time is enough to learning Sass.
📖Beginner Book for Sass: https://amzn.to/3dlIySU

🧑‍💻Bootstrap: As I already said that Sass is optional tech. So, if you are not going to learn Sass then start with Bootstrap framework. It is CSS Framework, it is one of the famous frameworks of CSS.
✒️You should spend 15-20 Days with Bootstrap, this much time is enough to learning Bootstrap and make at least 5 projects.

🧑‍💻JavaScript: JavaScript is a programming language but there is other developers’ community who called it scripting language.
Remember, I told you HTML gives skeleton structure to your website, CSS gives style to that skeleton structure, Here comes JS it gives behavior to your styled skeleton structure.
JS is fun and also complex at the same time.
✒️So, you better spend at least 2 months with it. Make at least 10 projects to understand better how JS works.
🧐Few important topics which you should not ignore while learning JS:
➡️ DOM
➡️ BOM
➡️ ES6 Features (Most IMP).
✒️Spend more time with JS cause it’s going to play huge role in your web development journey.
📖Beginner Book for JavaScript: https://amzn.to/3djBOoo

🧑‍💻React: React is a JS library which is being used in frontend development. React is quite famous JS library and high in demand. ✒️Spend at least 1 month with react, Have fun while making project. Make at least 5 projects
📖Beginner Book for React: https://amzn.to/31yIAUt

📑So far, we have covered all famous & high demand techs of front-end.

Let’s jump into backend development🦘
🧑‍💻Node.js: Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser. Node.js is not a framework and it’s not a programming language, it is not even a library.
I know the above definition of Node.js is little complex & category of Node is also confusing but don’t worry once you start with Node.js all your doubt will be clear.
✒️You should spend at least 1 – 1.5 Month with NodeJS and make 5 projects to understand it better.
📖Beginner Book for NodeJS: https://amzn.to/3rGtXto

🧑‍💻Python: As we all know Python is quite famous, most in demand and beginner friendly language. It is also being used in web development, and apart from web development you should learn python basics to advance because it is very trending tech and has a very huge scope in future trends like AI, ML.
✒️You should spend at least 1.5 – 2 Month with Python and made at least 4 - 5 projects from the level of beginners to intermediate.
📖Beginner Book for Python: https://amzn.to/31rqOTD

🧑‍💻Django: Once you learn the basics and advance of python and you are pretty confident with it then start with Django framework of python which is being highly use in backend and it has a high demand in industry.
✒️You should spend 1 month with Django and make few projects.
📖Beginner Book for Django: https://amzn.to/31xhBcl

❗You don’t need to learn all of these techs. You can either go with node or with Django, both have their own specifications & advantages.

📑So far, we have done with backend techs now it is time to shift on database.

We have two databases one is SQL & the other one is MongoDB.
A newbie programmers think that MongoDB is trending and new one, so let’s learn MongoDB but my advice to all of you is First learn MySQL or SQL because it is traditional one and still being used in so many large & small projects. MongoDB is specifically design for large projects which has large & complex data.
✒️You should spend 1 – 1.5 month with databases and you can almost master it.
📖Beginner Book for MongoDB: https://amzn.to/3ptgRNp
📖Beginner Book for SQL: https://amzn.to/3dqRtlG

Now one last tech you need to learn is Git & GitHub.
🧑‍💻Git: is a version control system.

🧑‍💻GitHub: is a web-based user Interface which uses git.

😴In Simple Words: With the help of git you can track changes in your projects, you can push your projects to GitHub & make it available for the world, with the help of GitHub you can host your project for free.
📖Beginner Book for Git: https://amzn.to/31rsSel

📃Best YouTube Channels for learning Web Development:

freeCodeCamp.
GeeksforGeeks.
Devslopes.
Clever Programmer.
edureka!.
EduRise.
CodeWithHarry {Those who prefer "Hindi Tutorial"}
Programming With Mosh.
Traversy Media.
Telusko.

📃Best Websites for Projects:

Frontend Mentor.
30 Seconds of Code.
CodeWell.
CSSbattle.
Treehouse.
Coderbyte.
Javascript30.

📃Few Points:
➡️ In every tech I have told you how much time you should spend but that doesn’t mean that you should spend that much time only. Learn according to your comfort and take as much time as you need but understand concept properly.
➡️ If you have observed in the article I have written “you almost master it”. I have used word almost because no one can fully master it, techs are being update according to the need and also competition with other techs. So there is always something new to learn.

📃Advice:
➡️ As a beginner there might be chances that you will stuck in the loop of tutorials. So instead of just watching tutorials practice along with tutorials.
➡️ “Make you hand dirty” means write as much code as you can don’t be afraid of errors and failure. Errors and failure comes to conqueror you take it as a positive way and solve it.
➡️ Project based learning are the best way to learn & master techs so make projects.
➡️ Don’t rush to finish things quickly if you rush now, you’ll face difficulties later. So better give enough time to learn and understand concepts properly.
➡️ Do not learn 2 – 3 programming languages together, one-by-one finish it all.
➡️ Be active on LinkedIn, twitter and dev.to, You will find lot of amazing developers’ community here. So many tech bloggers are there you can follow them and ask any doubt of yours they will revert back to you and guide you.
Slow and Steady Wins the race.

🙏Confession:
➡️ There are also lot of other languages which are being used for frontend & backend but I have discussed about those languages which I have used and in high demand from job perspective.
➡️ I have shared my best knowledge and give you a path to become Full-Stack Developer. If you follow this path properly then within a 8 – 9 months you will find yourself as a Full-Stack developer.

❤️Thank you so much reader if you have read it till here,
I hope you love this article if you loved it, give it a like.
If you have found it meaningful give it a unicorn & bookmark it as well. If you have found any point which is not correct feel free to let me know in comment section. Share it with your coding buddies so they will also get to know about these awesome techs.
Don’t forget to follow me for such informative and amazing article. Do share It on twitter and tag me as well.

📱My Social Media Handles:
LinkedIn: https://www.linkedin.com/in/abhinav-maurya-968457199/
Twitter: https://twitter.com/abno_24
Github: https://github.com/abno-24

How Meditation help me to get better in Programming

Abhinav Maurya — Thu, 04 Nov 2021 05:42:39 +0000

Hello readers my name is Abhinav maurya and I’m frontend developer and heading up towards backend. This is my first article; I hope you’ll like it.

I have been doing programming from a year, I am a front-end web developer and I have done so many projects but I was not regular programmer what I mean by regular programmer is, I was not consistent I was not enthusiastic I was not curious enough towards programming I was just doing it because I have to do it for the sake of a job.

During first lockdown everyone was at their home scrolling social media so was I. While I was scrolling social media, I read some benefits of meditation I don’t know why but I got little curious about it so I went to the YouTube and did a little search. I got a lot of videos about it but, I watched 3-4 videos only. Then I went to the google and read some of the reviews from people who have been practicing meditation from a long time after reading 5-6 reviews I was motivated and triggered enough to practice it. So, I made a decision to start practicing meditation on a daily basis just for 5 minutes.

In this article I won’t teach you about “How to do Meditation” otherwise this article will be too long and boring too.

Month after practicing meditation on a daily basis, I felt more cleverness in decision making skills. I observed that my logical thinking has improved. Meditation gives me consistency for which I was craving from long time but by meditation I achieved it.
My patience level got better as a programmer you need to have more patience because you deal with so many errors on your professional life. Meditation gives you that patience and you start feeling more relax and also you start handling errors in more efficient way.

And Last but not the least as we all know one common benefit of meditation is that it improves your concentration level so you distract less while doing programming or any other work.

And when these qualities reflect from your personality other programmers not just programmers but also people get attract towards you. When you practice meditation on daily basis you create positive environment around you. So whoever comes in contact with you they start feeling more positive and more good vibes.

📃Few Points:
➡️ Don’t relate meditation with any religion, it’s not about spirituality it is just exercise for your brain.
➡️ The goal of meditation is not that you should have single thought at a time, the goal of meditation is that your mind should give you pop-up when second thought arises.
➡️ There is not any specific rule that you should practice it in the morning time only, you can sit for 5 mins whenever and wherever you want.

📃Advice:
➡️ If you want to practice meditation and you are beginner, so just start with 5 mins and gradually increase time as per your comfort.
➡️ As a beginner practice chanting during meditation otherwise there might be chances that you will asleep.
➡️ Don’t expect overnight changes by practicing it, I have been doing it for a year and now I am observing changes within myself.
☢️ It is a long-term investment remember that.

😌Confession:
➡️ As I already told you that it is my article so I just hope you like it. I gave my best to explain my experience and I’ll be very glad if you get inspire to do meditation by reading this article.
➡️ If you think there is any wrong point in this article, please let me know in the comment section and if you like this article, please give it a like, do comment and share with coding buddies & do follow me for such amazing and informative articles.

Thank You and Happy Diwali to All those who read this article till here ❤️✨.

Accessories which I use for better meditation: 🔰
Ear Plugs for noise cancellation: https://amzn.to/3k5eu1j
Mate for sitting during meditation: https://amzn.to/3qkh2gj

DEV Community: Abhinav Maurya

Let's Deep Dive into Full-stack Web Development

How Meditation help me to get better in Programming