DEV Community: Aditya Pandey

Learning to Code : Roadmap. ( Tip for beginners)

Aditya Pandey — Mon, 13 Jul 2020 00:46:27 +0000

I put out this tweet on twitter yesterday

Aditya pandey

@aditya___pandey

#CodeNewbie Tip :
Do not start #coding without a structure. Reach out to experienced people and make a roadmap, you would not want to go on #YouTube and randomly watch videos. Ask for help, and most people will be more than happy to help.
#100DaysOfCode #CodeNewbies #javascript

03:33 AM - 12 Jul 2020

10 10

and I got asked from someone :

Can you please share the roadmap to start with..

And, I replied to that person in a series of tweets.
Then, I thought I could turn those tweets into an article and it might help more people. (What better place than #DEV).

So, here it is:

)

So, the First thing I recommend to anyone starting out is to watch this CS50 video.

It will help you get excited about computer science in general.
Don't get overwhelmed with the content, just try to get the gist out of it.
)

Next thing, I recommend is learning HTML and CSS. (I may be a bit biased XD)
They are easy to start with and you see your learning being applied very early.
So, it keeps you motivated.
)

Now, onto resources to learn these.
First, watch this video (Web Development lecture of CS50)

Don't worry if you do not get everything mentioned in the video, just try to get hang of the syntax and it will help you when learning further.
)

Now, you can head over to:
Freecodecamp
This is avery good resource for learning web development and it has played a major role in me being able to learn web development. So, what freecodecamp does is it provides you with an introduction in the beginning (very short) and then you jump into their online editor and solve challenges. So, you can see your learning being applied.
)

If you have trouble with any of the challenges, you can ask for help on the forum of freecodecamp or any other platform and there are people more than willing to help you.
Remember, Google has to be your best friend from now on.

Some Other Tips from top of my head:

Don't get overwhelmed.
Reach Out to people, most of them will be nice to you. Don't get discouraged if some of them are mean to you.
Practice, Practice, and Practice.
Get your hands dirty, don't fall into tutorial hell (watching random tutorials on youtube).
Learn to love frustrations cause there'll be many instances you wouldn't be able to solve a problem for days, so persistence is required.
"Don't Panic" - Douglas Adams.
Finally, Don't Give up. You can do it. :)

Remember, this is all from my personal experience and may not work for some people and I am also not that experienced in programming, so feel free to reach out to more experienced and your domain-specific people on different platforms to get a more robust plan. For now, this is all I got. :)

For further help or conversation or just to connect, feel free to reach out to me on Twitter, LinkedIn and Github

I Will request Senior Developers to recommend additions that they think should be made here and will edit the post accordingly.

Happy Coding !!!

How I made my first Full Stack App and Got a Certification from Harvard University and how you can too.

Aditya Pandey — Sat, 04 Jul 2020 01:37:35 +0000

Hey DEV community members,

A few weeks ago, I completed my first ever Full stack app using:

HTML( Jinja actually)

CSS

JAVASCRIPT

Flask (Python Framework)

PostgreSQL.

Heroku

It is an online book management system similar to Goodreads.

You can add books to you shelf as
Read , To read and In progress.

Check it out live here:

https://startreading.herokuapp.com/

I submitted this project as part of Cs50 course taught by David Malan by Harvard University and earned the Certification.

Link to the Course on CS50's website:

https://cs50.harvard.edu/summer/2020/

Link to the course on Edx Website :

https://www.edx.org/course/cs50s-introduction-to-computer-science#.VNYLwvnF_0c

The project is hosted at Heroku and Database I used was from this very cool Website Elephant SQL.

Would love your reviews and feedback on this one.

If you have any specific query regarding this project, CS50 course or anything else, feel free to reach out to me through Twitter Or Connect to me on LinkedIn
You can also check out my Github .

Thank you, and again, feel free to reach out. 😊😇

Website for a Rapper/Song writer(Hindi) using HTML, CSS and Vanilla Javascript

Aditya Pandey — Tue, 30 Jun 2020 12:34:55 +0000

Hello people,
So, I was working on this web-app for my brother who writes poems and songs in Hindi.(Not promoting 😅, just need reviews on UI.)

I have now turned it into a PWA.

Here's the link:

https://insane.netlify.com

Your feedback and reviews will be appreciated. 😊
For people wondering about PWA,
Read here : PWA
Also, you can turn your own website into PWA with the help of this site:
PWA Builder

And again, if any one of you is just starting out and is from non-tech background, feel free to connect on twitter or linkedIn and i'll try my best to help you with learnings from my journey.

Thanks in advance. :)

5 Projects that I built to get started with ReactJS

Aditya Pandey — Mon, 29 Jun 2020 05:21:07 +0000

Hello fellow Community members,

Below are the 5 projects I made using ReactJS for practice and the freecodecamp.org's Front-End-Libraries Certification.

ReactJS Calculator

https://codepen.io/aditya_pandey/full/ExPmJKQ

Drum Machine

https://codepen.io/aditya_pandey/full/LYGReWZ

Markdown Previewer

https://codepen.io/aditya_pandey/full/jOWVwjZ

Pomodoro Clock

https://codepen.io/aditya_pandey/full/KKVvPxe

Random Quote Machine

https://codepen.io/aditya_pandey/full/NWxbvxX

Your thoughts on these will be highly appreciated. 🙏🏼

Resources I used to learn React (still learning :)):

and a lot of google searches.

Also, If anyone of you is starting out in web development and is from the non-tech background and need any kind of advice, feel free to reach out to me through Twitter or LinkedIn. I will try to help you with some pointers from my journey.

Happy Coding !!