Coding

Web Dev – Where to look things up

  • 00:00:02 welcome to this video great to have you
  • 00:00:04 on board a few days ago I published a
  • 00:00:07 video where I try to walk you a bit
  • 00:00:10 through that jungle of web technologies
  • 00:00:13 but ultimately I couldn't pack detailed
  • 00:00:16 explanations of all of them in one video
  • 00:00:18 so in this video I wanna share some
  • 00:00:22 sources where you can type in if you
  • 00:00:24 want to learn about something specific
  • 00:00:25 or if you just want to stay updated
  • 00:00:28 about upcoming or future or current web
  • 00:00:31 development trends so let's dive in
  • 00:00:33 together so how do you learn web
  • 00:00:40 development how do you learn about
  • 00:00:41 certain features off the web the first
  • 00:00:45 resource I want to share Rd mdn web
  • 00:00:47 talks MD n stands for Mozilla developer
  • 00:00:49 Network and it's a page not only
  • 00:00:51 maintained viral Siller
  • 00:00:53 but actually the big browser vendors are
  • 00:00:57 cooperating on this and are trying to
  • 00:00:59 make this a really good resource for
  • 00:01:01 learning web development but also for
  • 00:01:05 having a look at that special feature
  • 00:01:08 you just wanted to dive in and it really
  • 00:01:10 is a good resource if you are on that
  • 00:01:12 page you can find a lot of tutorials and
  • 00:01:15 references and dive into certain
  • 00:01:18 technologies now it's mostly front and
  • 00:01:21 orientated here though they have some
  • 00:01:23 noches content too but if you are
  • 00:01:25 looking for resources about HTML
  • 00:01:28 Javascript and CSS this really is a good
  • 00:01:31 page you can check out some basic
  • 00:01:33 tutorials where you can really get
  • 00:01:35 started with web development and this is
  • 00:01:37 a nice way if you like reading through
  • 00:01:39 that they are very detailed and really
  • 00:01:41 good and then you also get references
  • 00:01:43 and you often find this why I googled
  • 00:01:47 Hugh here on the references you can
  • 00:01:49 really find about find information about
  • 00:01:51 all these CSS properties and selectors
  • 00:01:54 about all the HTML text you have
  • 00:01:56 available how that works and a for
  • 00:01:59 example I will actually search this
  • 00:02:02 through their search because they don't
  • 00:02:03 know where to find it if you here search
  • 00:02:06 for HTML elements then you should find
  • 00:02:10 this HTML element referee
  • 00:02:12 so this is just one example a really
  • 00:02:14 good one there you find all the HTML
  • 00:02:17 reference and you can say all the HTML
  • 00:02:20 elements and there you can say hey
  • 00:02:22 what's up with this h1 to h6 tag you get
  • 00:02:26 some information about it here's some
  • 00:02:27 examples and you can always type in
  • 00:02:30 deeper find out what the browser support
  • 00:02:33 is down there and much more so I
  • 00:02:36 strongly recommend playing around with
  • 00:02:38 mdn it is a great resource for not only
  • 00:02:42 learning web technologies but also for
  • 00:02:44 diving deeper refreshing some knowledge
  • 00:02:46 and getting a full reference now it's
  • 00:02:50 not the only resource of course though
  • 00:02:52 if you want to stay updated
  • 00:02:55 I can recommend Twitter now this is my
  • 00:02:59 Twitter account and I'm following a
  • 00:03:01 broad bandwidth of opinion leaders or
  • 00:03:05 people working in the web development
  • 00:03:07 industry
  • 00:03:08 I might not follow all relevant people
  • 00:03:10 but Twitter is a really good channel to
  • 00:03:13 follow people working on certain
  • 00:03:16 open-source projects almost any
  • 00:03:18 JavaScript framework nowadays has a
  • 00:03:20 Twitter account you can follow these
  • 00:03:22 accounts to get the latest news and
  • 00:03:25 updates to be amongst the first to learn
  • 00:03:27 about an upcoming feature a new release
  • 00:03:30 which was well released and so on so
  • 00:03:33 Twitter really good for staying updated
  • 00:03:35 for getting these tweets about new blog
  • 00:03:39 posts which might cover a very
  • 00:03:41 interesting aspect of that framework you
  • 00:03:44 were using over the last days and so on
  • 00:03:46 I got a lot of inspiration from Twitter
  • 00:03:49 and I can only recommend using it now
  • 00:03:52 another great channel is well YouTube
  • 00:03:54 and you already are on the right page
  • 00:03:56 obviously but as great as this channel
  • 00:04:00 is it can't cover everything and it
  • 00:04:02 might not cover what you are looking for
  • 00:04:04 the good thing is YouTube obviously has
  • 00:04:07 loads of channels and besides all these
  • 00:04:09 other tutorial channels which are all
  • 00:04:11 really great all the major frameworks or
  • 00:04:15 tools like firebase or Chrome as I have
  • 00:04:18 it open here also have their own YouTube
  • 00:04:21 channels and you can dive into these to
  • 00:04:24 optionally you subscribe
  • 00:04:26 or you just check out their videos from
  • 00:04:28 time to time and for example here the
  • 00:04:31 Guru Google Chrome developers channel
  • 00:04:33 hosts all the videos from the google
  • 00:04:35 chrome dev summit which took place
  • 00:04:38 well actually still takes place at the
  • 00:04:40 point of time recording this now here
  • 00:04:42 you can get all the talks from the
  • 00:04:43 conference to again learn about upcoming
  • 00:04:46 features or some best practices other
  • 00:04:49 people are applying and get new ideas
  • 00:04:51 and so on
  • 00:04:52 so there is a great source tool and of
  • 00:04:55 course as I mentioned chrome is not the
  • 00:04:57 only channel we have channels for AWS
  • 00:04:59 for firebase for all kinds of things
  • 00:05:02 simply search on YouTube for what you
  • 00:05:04 want to learn chances are you find
  • 00:05:06 abundance of tutorials and also these
  • 00:05:08 official channels and then you get an
  • 00:05:10 average great way of staying up to date
  • 00:05:12 getting some expert in sides getting
  • 00:05:15 some real case studies and getting some
  • 00:05:17 good ideas on how you want to progress
  • 00:05:19 on your Learning Path so this is another
  • 00:05:22 thing I can only recommend YouTube and
  • 00:05:24 as hard as it is all the YouTube outside
  • 00:05:28 of a catamite now besides YouTube mdn
  • 00:05:32 and so on we got so many our great
  • 00:05:35 resources on the web and the best way to
  • 00:05:38 find them is of course by searching so
  • 00:05:40 Google is your friend obviously and here
  • 00:05:43 it really is if you search for something
  • 00:05:45 like here I searched for react
  • 00:05:47 animations you find the official Docs
  • 00:05:50 you find some nice open source projects
  • 00:05:53 I'm gonna get on github and you find
  • 00:05:55 plenty of blog posts all these ran the
  • 00:05:58 blog posts are great resources to learn
  • 00:06:01 things to dive into specific problems
  • 00:06:04 and case studies to stay up to date at –
  • 00:06:06 and there is no single blog I would
  • 00:06:10 recommend here I would really recommend
  • 00:06:11 searching for a given problem or
  • 00:06:14 technology instead and then you will
  • 00:06:16 find fitting blog posts anyways so this
  • 00:06:19 is an hour resource which unfortunately
  • 00:06:22 often is underused but googling for
  • 00:06:25 problems googling for technologies
  • 00:06:28 yields so many great results dive into
  • 00:06:31 these blog posts dive into the official
  • 00:06:34 documentation these are all great
  • 00:06:36 learning resources
  • 00:06:38 together with video tutorials like this
  • 00:06:41 one or courses on udemy or Pluralsight
  • 00:06:44 or anywhere else you got a really broad
  • 00:06:47 bandwidth of tools which are not really
  • 00:06:51 alternatives to each other but which
  • 00:06:53 work great together with each other
  • 00:06:56 you can take a udemy course to learn the
  • 00:06:59 basics to have a guided approach to
  • 00:07:01 learning something and then you can
  • 00:07:03 combine this with you also diving into
  • 00:07:06 mdn reading blog articles and therefore
  • 00:07:09 getting a broad understanding of the
  • 00:07:11 topic you're learning so these are the
  • 00:07:14 things I also use and I hope this was a
  • 00:07:17 bit helpful in helping you
  • 00:07:19 choosing the right source to learn
  • 00:07:21 something and to get an idea about what
  • 00:07:23 you want to learn let me hear your
  • 00:07:26 thoughts on this video in the comment
  • 00:07:28 section can't wait to read them so with
  • 00:07:31 that have a great day bye