DEV Community

Cover image for Check out my journey from an absolute beginner learning to code two months in
oyetola sodiq
oyetola sodiq

Posted on • Edited on

Check out my journey from an absolute beginner learning to code two months in

learning to code hasn't been easy it takes a lot of hardwork, determination, consistency to pull it off but its also fun learning and I am so excited to get really great at it.

My first ever projects

This was the first project I made after learning the basic of html like html links, html images, html headings, and some inline css styling like background color, border, text color.

html code

I then went further to learn more inline styling properties and values and also some more html like html lists, html tag attributes, html form and html button.

webpage

After weeks of learning

At this point I had memorized almost all the html tags and a lot of simple css properties.

I had just learnt html tables and a few more css properties so I decided to explore and use my imagination to build a webpage and I added a navigation to it.

webpage

looks pretty nice given my knowledge then I think I showed signs of good creativity on the design front given I had no knowledge of design at all and I was basically trying out all the css properties I knew.

I also decided to try to make a log-in page and it wasn't hard to make at this point although I know I broke a ton of design rules but again I think I showed some brilliance on the design front given the knowledge I had then.

login page

sign up page

Went on to learn how to make layouts with css

Learning css layouts

First with floats

floats webpage

Then css flexbox

flexbox webpage

Then css Grid

grid webpage

Then I learnt a little bit about design and user interface

I built this web page for learning from the little knowledge of design I had with rules like typography, visual hierarchy and so on.

webpage
webpage
webpage

I went on to learn more components of a landing page like :

Accorrdion

accordion

carousel

carousel

Tables

Tables

I made this with html tables and css grid to challenge myself

pagination

pagination

and finally

Hero section

hero

I dabbled a little bit in Javascript here are some of the projects.

Image description

people counter app

Image description

Calculator

**
It is important to celebrate progress however little and follow your own timeline and not some unrealistic claims on the internet.
I had some help with personal tutoring and from Jonas schmedtmann courses on udemy.

Thanks for reading I wish you Goodluck as you continue to learn**

Top comments (6)

Collapse
 
wjplatformer profile image
Wj

Hello! Is it possible to send me the code for the people counter app? I'm interested in it! my email is wjplatformer@gmail.com

Collapse
 
shabzy1507 profile image
oyetola sodiq • Edited

you can check it out on github github.com/shabzy1507/Project

Collapse
 
wjplatformer profile image
Wj

thanks!

Collapse
 
kingswhale profile image
Afeez Aderemi

Indeed you have done so well. Keep the good work. How about you share your work and progress on Linkedin?

Collapse
 
baasmurdo profile image
BaasMurdo

Nice ! Keep it up ! Seems like you are making great progress.

Collapse
 
shabzy1507 profile image
oyetola sodiq

thank you