Day1 (Web Development)

--

I got my semester holidays, which are 60 days, yesterday, and I wanted to do some productive things during these holidays. For a long time, I had this curiosity about learning web development, SolidWorks, and the AI features that are born every day.

I had three plans.

1. three things together..like learning each of the three, a little every day

2. day1 web, day2 solid works, day3 ai

3. Not looking at other goals until I finish one, like being fully obsessed with one goal until I finish that.

I felt the first strategy would overwhelm me, switching from making cad models directly to hard JavaScripts might exhaust my brain, and I may not put my full focus on one thing

Strategy 2 will kill the momentum. If I’m solving complex problems on day 1, creating some thought process and continuing it on day 4, I will definitely loose my thought process and end up doing work less effectively.

Strategy 3 feels perfect. Im going to follow that. First, I will tackle web development, then SolidWorks, and then the AI, using which I will learn to automate the heavy lifting in the first 2.

After starting SolidWorks there is a possibility that I forget some of my web development learnings.. So, that is why I’m going to write a daily blog.

This is my day1 of web development, in which i have learnt about adding CSS, CSS selectors, and its types, and i was able to “feel”, how each selector is different from other selectors.

There are three ways to add css

1. Inline, which is written in the opening tag of particular element in html file.(adding css to one element)
2. internal, which can be written anywhere, which has opening and closing style tags
3. External, the css code is written in seperate file which has css extension. In html inside head tag, the css file is to be attached, format: <link rel= “stylesheet” href = “the path to that css file”>

• in css file the name of the class starts with a dot(.).
• in css file the name of the id starts with hashtag(#).
• under attribute selector, in css file, the code is written in the format: html element[attribute]{
  css code
  }.

Yeah, that’s day1!