Starting my journey
Today I am so happy to be starting my #100DaysOfCode journey! Throughout the next few months, my primary goal is to learn JavaScript and a few frameworks such as VueJS and NodeJS. While I'm at it, I figured that I would also spend some time refreshing my knowledge of HTML and CSS, which I haven't used in a few years as most of my recent work has been with OOP languages like Java.
Contributions for today
Today I just got myself set up with a new repository and created a pretty basic site. Most of my time was spent setting up some base HTML that I will be able to add some more in-depth styling to tomorrow.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Day 1 of 100</h1>
<div id="container">
<div id="left-side">
<p>Super excited to be starting my #100DaysOfCode
Journey! I hope to get a good refresher
on my knowledge of HTML and CSS and
take a deep dive into JavaScript.
</p>
</div>
<div id="right-side">
<p>New things I hopt to Learn</p>
<ul>
<li>Base JavaScript</li>
<li>NodeJS</li>
<li>REST API</li>
<li>VueJS</li>
</ul>
</div>
</div>
</body>
</html>
h1{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 48pt;
background-color: rgb(23,23,23);
width: 30%;
margin-left: auto;
margin-right: auto;
padding: 40pt;
padding-left: 220pt;
padding-right: 220pt;
border-radius: 10pt;
}
body{
background-color: black;
color: white;
}
So far, this is a super basic webpage, but I hope to spend the next few weeks expanding upon it and adding a lot more content and styling. It really has been some time since i have done front-end development so I want to make sure I take the time I need to refresh my memory and learn some new things along the way. Hopefully, this will provide me with a great foundation to spend the majority of the challenge working with JavaScript.
m-mcneive
/
100-days-of-code
#100DaysofCode Challange. Learning front-end development with an emphasis on JavaScript.
100-days-of-code
#100DaysofCode Challange. Learning front-end development with an emphasis on JavaScript.
Top comments (0)