My Week-3 at JADU a Full Stack Development Program.

February 22, 2021 — February 26, 2021

Alhumdulillah, it is the end of my third week at JADU and I have some exciting knowledge and skills of CSS (Cascading Style Sheets) used in web development which I have learned throughout this week with exciting topic of Growth Mindset and some effective reflections of them to share.

Technical Classes of Week-3

February 22, 2021

Monday’s session, this week I progressed further towards the new learnings of designing and styling of web-page related to the front end of web development with the basics of CSS essentials. have learned the basics of CSS which covers the following parts…

We can write CSS code in three different places…

  • Inline CSS: In this, we can write the CSS code within any tag of HTML of the HTML page.
  • In page CSS / Internal CSS: In this, we can write CSS code inside the tag of <style></style> within the <head></head> tag of HTML page.
  • Out page CSS / External CSS: In this, we can write CSS code in a specified or dedicated .css file with its URL is imported into its related HTML page.

Priority wise Inline CSS has the highest priority then Internal CSS and then External CS.

Conclusion and My Reflection on this topic…

As a reflection, I concluded that the best way is to use a combination of Inline CSS and External CSS. Because the easiest and simplest way is to use External CSS as it makes a specified or dedicated file for the code and it's easy to apply it related to a specified HTML page and besides if we want to do styling on a specific tag that is already being done by External CSS but still we want to do styling specifically on some case so for this we can use Inline CSS as it has the highest priority and it will avoid a clash between to styling methods.

more properties covered are…

  • Colors
  • Font Sizing
  • Font Styling
  • External fonts
  • Margin
  • Padding
  • Developer Tool CSS
  • Border

February 26, 2021

Friday’s session, In this I have learned the CSS intermediate part which covers the following part…

  • Box Modelling: It is the concept of element content, padding, border, margin. We can adjust these properties according to t our requirements.
  • ID Selector: The id selector uses the id attribute of an HTML element to select a specific element. The id of an element is unique within a page, so the id selector is used to select one unique element. To select an element with a specific id, write a hash (#) character, followed by the id of the element.
  • Class Selector: To select elements with a specific class, write a dot(.) character, followed by the name of the class. We can also specify that only specific HTML elements should be affected by a class.

Id Selector has higher priority than Class Selector.

  • States of CSS: we can do different types of states that are Focus, Active, Visited, Focus within, Focus Visible, and Hover. we can use them according to our requirements.
  • Flexbox: It is a very powerful module that is used to make your HTML page responsive and horizontally styling which makes it easier to design flexible responsive layout structure.

The most used and important properties of FlexBox that make our projects responsive:

  • Using display: flex
  • Flex-direction
  • Flex-wrap
  • Justify-content
  • Align-items

Non-technical class of week-3

February 23, 2021

Tuesday’s session, this day the topic was GROWTH MINDSET. This topic was so exciting as I observed and learned how much it is important to focus beyond the fixed thing in order to grow your thinking ability so we can do more than our expectations.

A growth mindset means that you believe your intelligence and talents can be developed over time. A fixed mindset means that you believe intelligence is fixed so if you’re not good at something, you might believe you’ll never be good at it.

“Love challenges, be intrigued by mistakes, enjoy effort, and keep on learning.”

- Carol S. Dweck

Conclusions and My Reflections on this topic…

As a reflection, I observed that in order to adopt a growth mindset we have to follow the following key points:

  • Embrace lifelong learning.
  • Believe intelligence can be improved.
  • Put in more effort to learn.
  • Believe effort leads to mastery.
  • Believe failures are just temporary setbacks.
  • View feedback as a source of information.
  • Willingly embraces challenges.
  • View others’ success as a source of inspiration.
  • View feedback as an opportunity to learn.

You can find me on LinkedIn, Twitter, and GitHub. If you liked my article, Please do clap, Thanks 👍



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Muhammad Haseeb Farooq khan

Muhammad Haseeb Farooq khan

Learning MERN Stack, Computer Scientist | Fellow at JADU Full Stack Development Program