From 074ac5a629ab889210157a3840fc08d3b42d47c9 Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Tue, 21 Apr 2020 00:44:54 +0100 Subject: [PATCH] New Post --- _posts/2020-04-21-learning-web-development.md | 55 +++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 _posts/2020-04-21-learning-web-development.md diff --git a/_posts/2020-04-21-learning-web-development.md b/_posts/2020-04-21-learning-web-development.md new file mode 100644 index 0000000..55b4ccd --- /dev/null +++ b/_posts/2020-04-21-learning-web-development.md @@ -0,0 +1,55 @@ +--- +title: Learning Web Development +tags: +- webdevelopment +- learning +- html +- css +category: +- programming +- webdev +gallery: +- url: https://roadmap.sh/frontend + image_path: https://roadmap.sh/roadmaps/frontend.png + alt: frontend roadmap + title: Frontend Roadmap +- url: https://roadmap.sh/backend + image_path: https://roadmap.sh/roadmaps/backend.png + alt: Backend Roadmap + title: Backend Roadmap +- url: https://roadmap.sh/devops + image_path: https://roadmap.sh/roadmaps/devops.png + alt: DevOps Roadmap + title: DevOps Roadmap +date: 2020-04-21 00:44 +0100 +--- +I mentioned in the [goals post]({% post_url 2020-04-17-goals %}), one of the things I am aiming to do is to start learning web development. + +I was well aware that what falls under the banner of web development is massive, I just hadn't realised quite how large it was. + +Thankfully there is a website called [Roadmap.sh](https://roadmap.sh) which provides handy images detailing all that you COULD learn if you had a ridiculous amount of time available, as well as some resource lists. Images are marked with the creators personal recommendations of what to learn, and also alternative options. + +{% include gallery caption="Click on the images to go to the Roadmap page." %} + +To be fair it isn't the only site out there that provides a list of topics to learn, but its certainly a nice visual guide that could be printed. + +What I find overwhelming is what to use for learning in terms of tutorials, videos and/or courses. There is a (not literal) metric ton of free and paid content out there to take you from knowing nothing to producing websites. Too much to my mind :) just because it leaves you wondering what the best source to use is. + +At the moment my focus is split between the following multiple sources + +Text: + +- [FreeCodeCamp](https://www.freecodecamp.org) +- [HTML Dog](https://htmldog.com/guides/) +- and a couple of others (links are on my iPad, will update later) + +Video: +- [The Complete 2020 Web Development Bootcamp](https://www.udemy.com/course/the-complete-web-development-bootcamp/) by Angela Yu +- [CS50’s Web Programming with Python and JavaScript](https://cs50.harvard.edu/web/) (via [edx](https://www.edx.org/course/cs50s-web-programming-with-python-and-javascript)) - (although this is kinda a mix of both video and text) +- [Colt's Code Camp (Learn Coding From Scratch)](https://www.youtube.com/watch?v=SF_Xl5TOGlY&list=PLblA84xge2_xNtaFnZhefjFbnDrpySKD3) by Colt Steele + +I'm trying to get a feel for what works best for me, what sits in my mind more and who's style I prefer the most. I kinda need at least 2 sources, because I need something I can work with that doesn't require watching a video (because say I'm sitting in a room with others) + +Right now I'm still vetting, I def like Angela's course, or at least her voice, style, and humour (even if I'm watching the videos at 1.5-2.0x speed). However it is the only thing I've linked to that requires payment. + +I really like FreeCodeCamp's site, and the mechanics of teaching in the browser. I seriously question the 300 hours it suggests per module. I'm virtually finished the first module within about 6 hours. I'm currently working on the first "assignment", and I could easily see spending a bunch of time doing those and making them look great.