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.
Academind by Maximilian Schwarzmüller
Reddit Posts and Comments
0 posts • 28 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 • aerovize
1 points • tanateo
You are welcomed. Also:
Has my stamp of approval. Dont be cheap pay the 12$, one of best courses... and add the course to your CV.
1 points • Shty_Dev
1 points • ShadowMasterKing
1 points • GoofBoy
If you keep an eye on when Udemy has a sale again or if you have never signed up for a course with them, this was well worth the $13.99 or whatever it cost, as the level of detail he goes into is fantastic, and it covers pretty much everything you will ever run into with JS.
1 points • sm1215
I can't vouch for this course personally, but I've followed the instructor through his Angular course and it was really helpful. He explains things thoroughly and it helped me a great deal. This course is on sale for like 10$ and includes a ton of video content. The instructor and assistants help you through any setup or course questions through a forum. Highly recommend, but check it out for yourself too:
1 points • maxahd
If you are just starting i would recommend a video course by Maximilian Schwarzmüller.
1 points • ahugwastelepathy
I started it with already previous knowledge but that is also proof that Max's style is really easy to follow and makes every point very clear.
1 points • MassW0rks
If you wanted to PM me your email address, I can gift you the udemy courses that jump started my (very new) web development career.
HTML & CSS by Brad Traversy (~20 hours)
1 points • gustavsen
digital house olvidate, el contenido es anticuado y carisimo al pedo, lo evalue mucho en su momento (tenemos 50% con ellos x el trabajo)
ni asi me convenia porque no enseñan un pomo de cosas modernas.
Coder House lei muchas reviews tipo que los profes eran cualquiera y los cambiaban a la mitad y cosas asi.
Acamica a menos que entres becado no vale la pena, y para aplicar a la beca tenes que ser mujer, lgbt y pelo rosa minimo, siendo hombre no te van a dejar hacerlo ni pagando.
De cursos pagos locales te recomiendo que veas Educacion IT y EANT.
que si necesitas una explicacion de algo te pueden aclarar alguna duda, igual ningun lado que estudies, fullstack ponele, vas a salir con un gran nivel.
data science esta de moda, pero a menos que tengas una EXCELENTE base en matematica y estadistica, TODOS son vende humo esos cursos.
te doy mi consejo.
anda por freecodecamp, por el simple motivo que es gratuito, tiene la contra que esta en ingles y que si tenes dudas no te ayuda nadie, pero bueno, te aviso que ser desarrollador es asi, hay que saber buscar las soluciones solo.
sino dominas ingles (entenderlo, leerlo) empeza por ahi, es algo mas que necesario.
ya te dijeron de los cursos de Coursera de algoritmos, tb son gratuitos y estan buenos, IBM tiene dos carreras de ciencia de datos si es lo que te interesa
en EDX tambien hay cursos gratis y en un par de plataformas mas tambien.
si queres pagar, en UDEMY hay varios, fijate mucho la cantidad de horas que tiene, la cantidad de suscriptores y cuando fue la ultima vez que lo actualizo.
hui a todo lo que sea dado por un hindu o similar y a los cursos cortos, la mayoria son 100% scam
y siempre compralos cuando esten a 9/11 usd.
te puedo aconsejar:
para fullstack, da lo basico y estan buenos.
pd: los cursos siempre estan al alcance de un click... http(barrabarradospuntos)1337x(punto)to
y despues le resto es practicar como un infeliz, los cursos solos son una base, sino seguis es lo mismo que nada, no importa que lo hayas pagado o sea gratuito.
1 points • TeddyPerkins95
1 points • Mariciano
1 points • slowreactin
I’m not trying to discourage you at all, but this code is a mess. However, do not let this experience defeat you, it just means you have more to learn and need to practice some more.
For starters, you bounce between var and let and do not have much consistency in your coding style. The formatting is also quite bad and causes your code to be very difficult to read. There are also console.log()s in your code, not sure if this is production, but if it is those should not be there.
There are hardcoded values in the first for loop and you skip over the 0th index with the i + 1 statement so why start the loop at 0? You could easily read past whatever you are reading / visiting with that kind of logic.
You are also using == instead of ===, this can cause a lot of bugs that are hard to track down. Pretend == doesn’t exist.
There’s an overuse of !0 which is confusing.
More hardcoded values with no intuitive explanation.
I would also pull out all of the styling and make use of CSS in JS, that would eliminate a lot of the junk in the code.
A lot of confusing things in your code. Like what is “dataArray.temp” and why are we seeing if it’s undefined? (Use of == again).
This code is all over the place.
Again, it’s OKAY, we all write bad code when we are starting out and heck, I still write bad code every day. Don’t be discouraged.
Is there anyone at your workplace you can reach out to and possibly get them to walk you through what can be done?
Aside from that, you ARE an intern and you ARE working on code for a company and that is more than a lot of people can say.
Don’t give up and here are some resources I recommend checking out:
Good luck and don’t ever stop trying!
1 points • squarebox27
1 points • Gigusx
Andrew Mead's course has been hands down the best one available so far.
1 points • pixelburner
That said, there are other options if you don't want to invest that much time into it. Flutter does seem to be a pretty cool alternative, as well as Ionic. The same instructor also offers courses in those technologies as well but I've never taken them myself.
As you may notice, all those courses are instructed by Maximilian Schwarzmüller. IMHO, his courses are some of the easiest to follow, and he does a really good job of explaining the nuts and bolts of everything he's teaching you. He has a somewhat strong accent though, which some people find hard to follow - but personally I like it because it forces me to pay closer attention.
Any way you cut it, though - have patience and just have fun with it. If you get frustrated about something or have questions, definitely post questions here or on the Udemy forums. Lot's of helpful people, even the instructors themselves.
PS: Pretty much every course on Udemy goes on sale for a super low price at some point, very often. If you find a course that you want to take that is very expensive, add it to your wishlist and check back every few days and it will probably be much cheaper (for example, a course that is normally $125 could be marked down to $10)
1 points • RangerCoder
I highly recommend you refund that other dated ones and get one of the ones above!
1 points • therealdark
Not books or articles per se, but I'll leave this here just in case. Hope this helps.
I was in your position just over a year ago; ended up quitting my job and going to a coding Bootcamp (Bloc.io which is the same as Thinkful).
Here's what I would do if I were to start over now:
- Go through a complete web dev course. (my personal choice).
- Take one (or two) JS course(s). I like this one from Colt and Stephen or this other one from Max.
- BUILD SOMETHING. ANYTHING
- Go through fullstackopen (or the odin project? or app academy open? I dunno as I haven't tried these myself).
- BUILD MORE COMPLEX / HARDER PROJECTS. Get stuck, ask for help, get frustrated, solve the problem. Repeat
If you strictly want a book rcommendation; You Don't Know JS. Pretty dry read, but goes super in-depth and you'll pick up things you won't find in online courses.
1 points • helping083
freecodecamp - one of the best, also check their youtube channel
2 points • DeveloprX
The road map:
Vanilla JS - don't try frameworks yet!
DOM Manipulation & Events
Fetch API & JSON
- Arrow functions
- Template strings
Then you can start experimenting with React/Vue/Angular (frontend), though more knowledge about CSS is needed + JSX, and Node.js (backend).
Congratulations if you get this far, you can now...
Work with AI & chat bots with Tensorflow.
Mobile web devlopment with React Native.
Jonas teaches you the theory of what you're writing as well as allow you to build practical examples.
Extensive tutorial that will teach you everything. +Brownie point: I like Max's voice.
Note: never pay full price for Udemy courses!
codecademy.com £31/monthly or £191.88/yearly (+20% off yearly, with a promo code, reduces it to £12.78/month)
It has detailed, aesthetically pleasing lessons in a hosted environment, which makes JS easy to start.
this's a part of Max's course for free, enjoy. Doesn't cover ES6.
I'm also working on my own course, so stay tuned.
stackoverflow.com for debugging; even professionals rely on this lmao.
There's a lot to learn but don't be discouraged!