Programming as a beginner is bittersweet.

Published by Cristina Pana on

You get to fail fast and still be enthusiastic enough to keep on learning programming. And the joy of actually seeing your work up and running is awesome.

At DOvelopers we mostly work with individuals and facilitate interactions. So for me this exciting, as I get to understand different points of views and be in the shoes of different roles.

In my previous post, I wrote about how I worked with Adobe XD to design a prototype of an point of sale system. Next step was to sketch things out in html / css for a static perspective. And afterwards to add some dynamic functionality to the screen.

Visual Studio Code Dopos snippet

So I setup my GitHub account and learned the mantra ‘add- commit – push’. I downloaded Visual Studio Code and added the index files in css and html and starting fleshing the POS as in the initial prototype.

I created the html structure and added some styling with css. After some research, I choose to use Grids. I find grids easier to structure layouts.

In the meantime, I did some mistakes.

Uploaded stuff on the Github branch directly and learned the power of git stash. Now this caused quite the panic, I am laughing now, but I wasn’t back then. I also formatted my code sloppy, misplaced commas and semicolons everywhere, invented word, etc.

After some commits, I began thinking HTML is about naming and defining elements. Which later will be alive by adding Javascript, which gave me a headache to say the least. It felt like learning how to draw, from sketching to coloring, but in programming.

6.09.2019 version

The result, after several iterations, was close but not quite to the initial design. After adding additional grids it felt too much, so I begin to change the initial design and redo the code a lot. The last version is different and I managed to add functionality on it, will follow-up with a demo in my next post.

Progress through learning

I used https://www.w3schools.com/ and https://www.sololearn.com to learn. And you are not a developer if you don’t have a tab open with the holy https://stackoverflow.com/.

As for HTML, this was very useful for me, cheat sheets are great: https://htmlcheatsheet.com/. And I also found a cool online course to learn about css grids where you can practice in real time the tutorials: https://scrimba.com/g/gR8PTE .

I also started to be afraid of not programming properly and adding useless code. Programming is also about continuously cleaning up your code. That is why I choose Bootstrap for example. I was adding so much CSS that was not doing what I imagined. And Bootstrap solved that issue.

I figured out that I was missing the most and blocking my progress was the lack of vocabulary and the abstract thinking. Also, the theoretical part is important in learning how to code and talking / writing what you plan to code is essential.

I am lucky to have the guidance of Eduard in my learning journey, a mentor is definitely needed. And it was more than helpful to have a code review and pair programming peer when Javascript entered the chat. And about that, my wrestling matches with JS needs a whole chapter of its own.

Categories: News

0 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Cookie Settings