Reddemy may receive an affiliate commission if you enroll in a paid course after using these buttons to visit Udemy. Thank you for using these buttons to support Reddemy.
Reddit Posts and Comments
0 posts • 27 mentions • top 21 shown below
594 points • ProgrammingWithPax
Frontend Web Developer Roadmap: Everything you need to know to get started
If you're feeling lazy and would prefer to watch a full video summary, one is available here. Let me know if you have any feedback!
What is frontend web development?
It is using code to create the visual part of a website. The content, the colours and positioning, as well as the logic that is on a page, such as submitting a form. That's frontend. The other part is 'backend', which is everything related to the database and network; the non-visual things that are going on behind the scene.
Different routes to learn web development
CS Degree: The first is a degree, through either a university or college. This offers strong foundational knowledge in computer science, which can be very helpful, especially in certain areas of programming. However in my experience, this understanding of computer science is not necessary in order to get your first web development job and you can learn all of the theory and nitty gritty details of computers while on the job. Additionally, getting a degree is also a very long process, so 3-4 years, it's also extremely expensive - and the majority of it won't be focused on web development.
Bootcamp: Next -3-4 month coding bootcamps (offers good structure and forces you to be fully immersed, but expensive and must be full-time)
Self-taught: Finally -Self taught. What the focus of this guide is. This route offers a flexible schedule and inexpensive, and as long as you have the right set of online courses and curriculum set up for you, I believe it is the best option. Getting your first web development job is not about what certificate or degree you have. In most cases, it is a meritocracy - that is, if you have the skills to do the job, you can get the job.
How long does it take to be job ready? 4-12 months.
Outline a timeframe which you are able to dedicate towards learning web development(3, 6 or 12 months) and create a schedule around it. This way you can track your progress and hold yourself accountable if you set a specific date to, such as finishing a specific course or start apply to jobs. Whether it is 3 or 12 months, the only thing that changes is how much time per week you are able to dedicate towards learning this craft. If it is 3 months, you'll need to be working 12+ hours per day, and for 12 months, maybe 2 hours per day. The key is coding daily, so you can immerse yourself.
It's also important to stick to one programming language, based on the job you're wanting to get. Don't get distracted by other languages. They're fantastic, but your focus needs to be on the core frontend stack. You don't want to be a Jack of all trades, but master of none. You need to get vertical proficiency, not horizontal - and you get that by practicing that one thing, daily.
What do you need to learn?
Redux is a state management library. Angular, React and Vue all have their own variations of Redux. When your application gets bigger and there are lots of different parts with their own data, Redux acts as a centralized memory for all of your different UI components to read from. It acts as a single source of truth so that everything stays organized.
Also need to be familiar with the version control technology Git (allowing you to 'save' your app at a specific point, roll back to it if necessary, and share the code online to others using Github or Bitbucket).
May also be helpful to know the basics of SASS (CSS wrapper, giving you more utility. It is still CSS, but just some extra tools which can be huge time savers). Along the way, you'll also need to learn basic terminal commands, using NPM packages and the build tool Webpack. You should also be familiar with the basics of Agile methodologies, which is a management style that a lot of development teams work in. If you're familiar with the very basics, then it will be an easier transition for you to join a dev team, and hiring managers will know that as well.
So, what resources can you use to learn all of this? I found that between YouTube and Udemy, you can learn everything required. I am going to leave a list down below with a list of Udemy courses you can pick up for $15 (when on sale). Each course is about 20-30 hours and it will teach you the required fundamentals. I'm not affiliated with these courses and make no money on it. I simply know the instructors are excellent and am sure they are high quality courses.
Once you've completed a these courses and have built a few projects
After that, it is all about getting your first job. I am going to create posts (and videos) on each of these points, because they deserve a post of their own.
In short, you'll need to have a great resume which highlights your love for web development, while also emphasizing how all of your previous job experiences has guided you towards this new career path.
Have a GitHub with your own projects on it, as well as some of the work you've done while learning along the way. Build out a portfolio website which highlights the projects you've build and the skills you have. You can host your portfolio and projects for free on GitHub Pages.
Consider doing 1 or 2 freelance jobs(even if it is just for friends or family), where you're working with a real client, with a real deadline. This will be good practice for you, and will show your future employer that someone has already trusted you, and that you delivered.
Familiarize yourself with LinkedIn, Indeed and Glassdoor - and start applying for 3-5 jobs per day. I did this for an entire month, had a few interviews and then landed my first job. It can take a few weeks, or a few months - eventually you will get your first opportunity. Getting your first job is the most difficult. Once you have worked somewhere and have some experience, finding your next job will be a lot easier.
On a final note, learning code is not easy. There will be roadblocks and it can be a difficult grind at times. Remember that the path you are on now is worth it and can get you to the place in your life where you really want to be, whether that is career satisfaction, ability to work from anywhere in the world, or financial freedom.
Thank you for your time! Consider checking out my YouTube channel, as I'm posting weekly now with videos specifically for frontend developers who are just starting out. Available here.
1 points • not_a_gumby
Callbacks, Arrow Functions, AJAX/XHR into Fetch into Promises and into Async/Await.
1 points • CocoMonkeyBank
You mentioned understanding how the DOM works, but practicing using event triggers and actually querying and selecting elements is where the rubber meets the road in terms of building the frontend. The actual "when I click this button, it pushes a to-do object to storage from an input, creates a div to display to-do info and displays on site." So brush up on some of that, if still foggy.
1 points • 9ns1de_1ob
Then you should completely forget about learning a framework and just start to learn vanilla JS. If I had to crash course JS in 3 weeks I'd probably do a Udemy, like this one for instance Modern JS From the Beginning. And then do a ton of code wars to help build up your comfort level with solving game like problems in JS.
I hope you're a fast learner. Good luck, PM me if you have any questions along the way.
1 points • Neu_Ron
3 points • Jmannm8400
1 points • OructV
This is such a comprehensive answer thank you so much! I already know most of what you wrote about HTML/CSS and half of the things you mentioned about JS. However, I don’t need to get to mastery, they will train me, heavily. That’s why I need to know my way around the language in general, that’s all.
Thank you very much again. I have purchased this course that another user suggested. MODERN JS
What do you think?
2 points • decho
The whole thing is 21 hours long, but of course you don't have to watch it all (neither did I). The cool part is that there are individual 5 to 25 minute long videos which cover almost all of the core concepts you need to know so you can only watch what you need, and learn by example. Object literals, template literals, array methods, async await, classes, promises, arrow functions - you're basically 10 minutes away from learning (or at the very least having a basic understanding) any of that.
1 points • zemation
I have been using the following two udemy courses. The first is Brad Traversy whom you'll see mentioned often here.
1 points • Kyism
I'm kinda stuck in the same boat.
How fluent in Vanilla JS do you think I need to be in order to actually make good use of VUE? I have no idea how useful Vanilla JS even is nowadays but I know having atleast fundamental knowledge of how to use it IS needed which I do NOT HAVE. My goal for 2020 is to drop Jquery completely even though we are allowed to use it and start writing everything in Vanilla JS (within reason). But while I'm learning to drop Jquery I also need to start getting familiar with Vue as well.
1 points • AndreThompson-Atlow
I HIGHLY suggest the Traversy Media course.
Don't spend more than $15 on it, it goes on sale all the time.
1 points • mr_R_L_B
Course review: https://youtu.be/-NhGhYsK0H4
1 points • Aditya0a
If you need certification you must try udemy if you can pay for the certification if you want free certification you can use sololearn's mobile app.
Java Script udemy course:
Python udemy course:
I would strongly suggest you use udemy.
1 points • Jhorra
1 points • mwenger89
I bought them both on sale for about $16 each. Wait for them to go on sale as it will save you a bunch of $$
1 points • kartonbardak
I've started to follow very basics from freecodecamp.org/ and at some point, it become extremely boring. The best part of it, it has audio transcript that explains every step you've stumbled with a very cool interactive code editor thingie.
1 points • RangerCoder
Those two look amazing as well and got far more students, Academind also got a discord that is full students that you can talk to in case something is not clear!
1 points • RedditEthereum
I'm an unemployed 38 year old marketer wanting to switch to webdev.
- I have a weak immune system and stay indoors most of the time;
- I have 6 months of cushion money, to use that time wisely;
- I took a Coursera Python course in 2013 (?) and remember the basics;
- I know HTML and CSS as I had to edit WordPress sites frequently.
I put together a learning path, your feedback is appreciated:
HTML & CSS
Build Responsive Real World Websites with HTML5 and CSS3 - Jonas Schmedtmann
Advanced CSS and Sass: Flexbox, Grid, Animations and More- Jonas Schmedtmann
The Complete Node.js Developer Course (3rd Edition) - Andrew Mead, Rob Percival
Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL) - Andrei Neagoie, Yihua Zhang
Bonus (follow along)
The Complete Web Developer in 2020: Zero to Mastery - Andrei Neagoie
Learning to Learn [Efficient Learning]: Zero to Mastery - Andrei Neagoie
1 points • helping083
freecodecamp - one of the best, also check their youtube channel
3 points • divulgingwords
Here goes. Don't listen to the frontend fanboys. Start with a legit backend language that makes sense: C#.
It's going to cost you $30/m. You can do this all in 1 month if you really get down to it.
When done with that (you can knock that out in 4 days if you're really motivated), take the following in this order:
https://www.pluralsight.com/courses/aspnet-core-fundamentals (RIP Scott Allen)
These two will hammer in the MVC design pattern. The next are going to drop the "views" and focus on api's (same tech, just no frontend - this is what you would use for a react/angular/vue project).
Now, I want you to learn about dependency injection. You will have touched this stuff in the earlier courses, but this will really tie in everything.
Now, I want you to take the grand daddy of them all. This is going to tie everything you have learned into an actual working project.
So there's phase one. If you can complete that all those courses and you actually understand what you're doing, you can straight up get a junior dev C# job making 70k+/yr.
Now, since you want to make a startup or be a full stack dev, take the following courses:
If you want to learn React:
If you want to learn Vue:
If you want to learn angular:
Now, to learn how to host everything onto a $5/m cloud VPS
And there you have it.
For frontends, my recommendation is Vue. I've tried all 3, and it was the most enjoyable. React would be a moderate second, with angular being my least favorite. React will have more job opportunities, so that might be your choice, but IMO, it won't matter because you know C#.
Hope this helps. I can answer any questions if you have any.
1 points • saintshing
Not sure if these are what you want
can also check out these project based udemy courses