Thread by @VibesofOla, Inspired by @apparent_dev , I'm joining this #100DaysOfCode challenge. Will start the [...]

Inspired by @apparent_dev , I& #39;m joining this #100DaysOfCode challenge. Will start the web development course from the scratch on @freeCodeCamp . So yh, 100 days of HTML, Css, JavaScript.
I& #39;ll make this a thread to monitor my daily progress.
GOD help me

https://abs.twimg.com/emoji/v2/... draggable="false" alt="😂" title="Face with tears of joy" aria-label="Emoji: Face with tears of joy">

Day 1 - Went through the introduction to HTML and HTML 5 on @freeCodeCamp . Downloaded Visual Studio code for the sake of this challenge. Proceeded to learn about tags in HTML.
Applied, the heading tags ( H1 - H6).
Paragraph tag, and tried my hands on comment. #100DaysOfCode

Day 2 - Continued the HTML curriculum on @freeCodeCamp
Added images and links to my test website. Played around nesting an anchor element within a paragraph.Turned images to links, learnt how to create list, ordered and unordered alike.Text field and placeholder #100DaysOfCode

Day 3 - Mostly worked with the form tag today, Completed the HTML course on @freeCodeCamp . Added a set of radio boxes and checkbox to the form on my test website. Made some of this boxes checked by default, set a text field to required. We start exploring CSS now #100DaysOfCode

Day 4 - Continued the Course on @freeCodeCamp . Learnt the basics of CSS, joined the @FrontendMasters free bootcamp, watched tutorials on Css, I opened an external style sheet which I linked to my test website. @_100DaysOfCode #100DaysOfCode #CodeNewbie https://frontendmasters.com/bootcamp/introduction-css/html-file-setup/">https://frontendmasters.com/bootcamp/...

Learn HTML File Setup –

Jen instructs students how to set up a HTML file in VS Code for the second section of the bootcamp.

https://frontendmasters.com/bootcamp/introduction-css/html-file-setup/

Day 5 - Continued learning CSS with the video materials on @freeCodeCamp & @FrontendMasters free bootcamp, Played around borders and background colors on the test website, added my pictures to the gallery in the website... #100DaysOfCode #CodeNewbie #CSS

Day 6 - Continued the tutorials on @freeCodeCamp & @FrontendMasters bootcamp. Added blockquotes to my test website and styled them, played around margin and padding, Moved on to classes & pseudo classes. @_100DaysOfCode #100DaysOfCode #CodeNewbie #CSS

Day 7 - Moved to the CSS tools & exercises session on @FrontendMasters free bootcamp, continued the CSS tutorials on @freeCodeCamp ... Added a contact us page on my test website. #100DaysOfCode #CodeNewbie @_100DaysOfCode #CSS #html5

Day 8 -

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Completed the Basic CSS course on @freeCodeCamp

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Continued with the CSS tutorials on @FrontendMasters free bootcamp

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Copied the penguin code on @freeCodeCamp to pencode and used CSS variables to change several elements at once.
#100DaysOfCode #CodeNewbie @100xcode

Day 8 - https://abs.twimg.com/emoji/v2/... draggable=

Completed the Basic CSS course on @freeCodeCamphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Continued with the CSS tutorials on @FrontendMasters free bootcamphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Copied the penguin code on @freeCodeCamp to pencode and used CSS variables to change several elements at once. #100DaysOfCode #CodeNewbie @100xcode" title="Day 8 - https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Completed the Basic CSS course on @freeCodeCamphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Continued with the CSS tutorials on @FrontendMasters free bootcamphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="White heavy check mark" aria-label="Emoji: White heavy check mark"> Copied the penguin code on @freeCodeCamp to pencode and used CSS variables to change several elements at once. #100DaysOfCode #CodeNewbie @100xcode">

Day 9 - Didn& #39;t write alot of code today, just got alot more familiar with CSS color tools, more tests to understand margin, border and padding, completed the exercise on @FrontendMasters bootcamp (CSS) . #100DaysOfCode #CodeNewbie @100xcode @_100DaysOfCode

Day 10 - Moved to the responsive design section on @freeCodeCamp ... Styled the navigation bar on my test website. Continued the CSS basic tutorials on @freeCodeCamp ... #100DaysOfCode #CodeNewbie #lockdownhustle

Day 11 & 12 -
Focused on going over and practicing all I& #39;ve learnt so far.... Built a simple web page with an header, nav bar , blockquote, form and footer, with my knowledge of basic HTML & CSS ... There& #39;s still alot to learn.
#100DaysOfCode #CodeNewbie

It& #39;s been a while I updated my progress here.

So Day 13?

https://abs.twimg.com/emoji/v2/... draggable="false" alt="😂" title="Face with tears of joy" aria-label="Emoji: Face with tears of joy">

I recreated this transparent login form with HTML and CSS.

You can find the code here - https://codepen.io/akinyemi-olaleye/pen/eYpWdZp

I& #39;ll">https://codepen.io/akinyemi-... try to keep up henceforth with the updates.

#100DaysOfCode #CodeNewbie #Html #css

It& #39;s been a while I updated my progress here. So Day 13? https://abs.twimg.com/emoji/v2/... draggable=

I recreated this transparent login form with HTML and CSS. You can find the code here - https://codepen.io/akinyemi-... try to keep up henceforth with the updates. #100DaysOfCode #CodeNewbie #Html #css" title="It& #39;s been a while I updated my progress here. So Day 13? https://abs.twimg.com/emoji/v2/... draggable="false" alt="😂" title="Face with tears of joy" aria-label="Emoji: Face with tears of joy">I recreated this transparent login form with HTML and CSS. You can find the code here - https://codepen.io/akinyemi-... try to keep up henceforth with the updates. #100DaysOfCode #CodeNewbie #Html #css" class="img-responsive" style="max-width:100%;"/>

#100DaysOfCode
Day 14 - Watched tutorials on YouTube and created a simple sign up page with HTML and CSS ...

Not sure which background looks better.

Codepen link - https://codepen.io/akinyemi-olaleye/pen/VwvNLga

Which">https://codepen.io/akinyemi-... background do you prefer and why?
#CodeNewbie #HTML #CSS

Latest Threads Unrolled: