Web development resources-part 1

In this blog, I have tried to cover all resources to start web development. These were the resources I used, when I started my web development Journey.I will not urge you to blindly follow these resources.Just check it once ,if you don't like then just leave it. I will share such resources every week.

So before starting anything , you need to know about it. Before going into web development, we need to know how it actually works. Yes I know html is always the start point ,but if you don't know how exactly the web works,then how will you be able to work with the web. How html,css and js exactly work?Why do we need to know a group of languages for web development? Why can't we just learn one language? These were the questions in my mind when started with web development. So here are some links of videos which will tell you how the web works!

1. How the web works!


https://youtu.be/hJHvdBlSxug

Link for mdn docs.

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works

2. How html,css & js work?

So, now after this you will see what is the purpose of having different languages. Like what html,css,js do and how website loads on your browser.
So here's the link. https://youtu.be/4kFg2EqEIv8

3.HTML

Now let's begin with HTML. HTML is very easy to understand. They are many. youtube channels in which youtubers have made html in one video. I will list the best videos here.


Code with harry

https://youtu.be/BsDoLVMnmZs

Free code camp

https://youtu.be/pQN-pnXPaVg

4.CSS

After html, jump to css start with basic Css don't get into advanced css for now. Just learn css properties , grids, flexboxes etc. Many youtubers have taught CSS. in one video. Links are listed below,
Free Code Camp https://youtu.be/1Rs2ND1ryYc
Traversy Media https://youtu.be/yfoY53QXEnI

5.Bootstrap

After CSS ,start bootstrap. Bootstrap will make your life a lot simple.It has some prewritten Css code. And we just have to use classes in our code.No need to write large css code. Link is given below
https://youtu.be/Qb8DLdSYBAo

Now it's time to build some projects. I know it would be very static, but it will give you immense pleasure that you built something. And trust me,"Slow & steady wins the race." So start building some awesome projects. And if you have any doubts let me know in the contact form I will get back to you soon. Contact form is in the side bar.

Also,in my next blog I will share javascript resources.

Comments

  1. Great work ๐Ÿ‘๐Ÿ‘

    ReplyDelete
  2. ๐Ÿ‘๐Ÿ‘๐Ÿ‘

    ReplyDelete
  3. So you are mainly focused on web development and the tools regarding it.

    ReplyDelete
  4. เค–ूเคชเคš เค†เคค्เคฎเคตिเคถ्เคตाเคธाเคจे เคฎांเคกเคฃी เค•ेเคฒी เค†เคนे.เค•ोเคฃเคค्เคฏाเคนी เคฌ्เคฒॉเค— เค•िंเคตा เคช्เคฐेเคेंเคŸेเคถเคจ เคธाเค ी เค†เคค्เคฎเคตिเคถ्เคตाเคธ เคฎเคนเคค्เคตाเคšा เค†เคนे.เคœिเคœ्เคžाเคธू เคตृเคค्เคคी เคจेเคนเคฎी เคชुเคขे เคจेเคค เค…เคธเคคे.......

    ReplyDelete

Post a Comment