Tag: free code camp

A well earned break

A well earned break

I’m still here, I promise. It’s been 2 weeks since my last post and until a couple of days ago had been 10 days since I’d done any sort of coding.

It wasn’t an intentional break but in hindsight I think it was need. Since I discovered Free Code Camp my coding life had been pretty full on. Bearing in mind I still hold a full time, non coding related job as well as everything else that goes on in life,  I’d perhaps been neglecting some other aspects of my life. Now I’ve had time to address those as well as get a bit of relaxation time I now feel rejuvenated and ready to crack on.

Im currently working on Javascript algorithms (such as this one), a series of challenges designed to make you think and put various coding elements together to solve a problem. For the first time since leaving school I feel like algebra has a purpose. No, I realise this isn’t algebra but it feels to me like the same way of thinking. If I have a and I want to get to z then I need to combine a with b and make ab do something… That kind of thing.

It’s difficult but I’m learning so much through doing them. Again it’s the idea of solving your own problems and having to apply what you know that makes things stick.

The break has done one thing, it’s made me even more determined to do more of what I love. My current career has taught me a lot but I don’t love it. I look around at work and see people who are more passionate and energised than me about their work. That’s how I feel about coding.


Building a portfolio

In my last post I spoke about building my tribute page on codepen. I have now completed my second project, my portfolio page

It took me so much longer than I thought it would. It turns out that even some of the things you think will be simple are actually more difficult than you think. 

I had to scrap my first layout because it just wasn’t possible, or at least not for me given my current skill level. Once I’d settled on a second layout I spent a long time trying to get my navigation bar to be spaced correctly. Even now it’s not quite perfect but it’s good enough that I’m happy with it for the time being but will go back to it later when I’m more skilled. 

My biggest headache was the buttons to my social media pages. I actually had to use the free code camp forum to ask for help with this. I basically couldn’t get them to align centrally on my page and spent hours on it. In the end I’d missed a simple bit of align:center; coding, which I’d actually tried really early on but had put it in the wrong place. 

I’ve got there in the end though and can always develop the page as I move forward. I thought I’d share with you some tips and hints about the more challenging aspects of this project and what I have learnt from it:

  1. Draw a basic layout on some paper, a post it note or an old receipt. This will help you picture what you’re aiming for. I don’t mean decide on font or the shape of your buttons straight away but just the basic structure. Where’s the navigation going to be? How are you going to break up the page (if you are)? Where are your images going to sit? Once you have this you can code towards that structure and then fiddle with the details as you get to each of them.
  2. Take a break but don’t stop. A couple of times I hit some difficulties. I would spend loads of time on one aspect, the hover on a navigation or the positioning of an element. I found that moving onto the next element helped. It stopped the building frustration in its tracks. I’d then go back to the issue an hour, two hours or a day later until I solved it. If you get really stuck, ask. There’s hundreds of people out there who can answer your question. And who knows, one day you might be able to help them back. 
  3. Try to learn but know your limits. Initially I tried to use bootstrap a lot for my page in order to make it as responsive as possible but I will admit I have struggled to get to grips with bootstrap. In the end I settled on just using bootstrap for my social media buttons. I learnt loads during the process about lots of things, including bootstrap, but I knew I wasn’t going to be able to build a full bootstrap site. If I kept on going I probably could have done a whole bootstrap page after a day or two, maybe longer,  but I wanted to continue with free code camp. I cut my losses and used the html and css that I knew I could build with. 
  4. Finally, building is the best way to learn because I learnt more in the few days I spent building this page than I did in the whole of free code camp up until that point. That’s no dig at free code camp but it’s true that the best way to learn is to do.

I’ve now started the next part of the camp which is Javascript, it’s very different to html and css but I’m excited to learn something new. 

Hello Projects

Hello Projects

Free Code Camp is going swimmingly well and I would genuinely recommend it to anyone who asks.

Not only does it teach you to code but it also introduces you to a community and so many other resources. So far I have gone through html and css that I learnt through codecademy but also bootstrap,  that allows you to build responsive design elements,  and some jsquery. 

I’ve been introduced to exciting new languages but I’ve also now been unleashed on my first set of projects. There are 3 ‘levels’ of projects (beginner, intermediate, advanced) and this is the first. There are two main projects at this level, the first is a tribute page and the second is a portfolio page. The latter I am just in the early stages of and will share with you all soon. 

My tribute page I dedicated to Alan Turing, purely because I happened to watch The Imitation Game (5 stars and available on Amazon Prime)  the night before I started the project. You can find my tribute page here. It’s built on a site called Codepen. A free platform for writing code that was introduced to me by Free Code Camp. It seems to be pretty good so far and helps keep things tidy by separating my coding.

The rules of the tribute page? 

  • It can be dedicated to anyone or anything.
  • It must be one page, not multiple pages. 
  • It must contain an image, text and a link to another site. 

I’m reasonably happy with mine apart from the margin on the left of the timeline. I would like to shift the timeline left a little bit which I could easily do with css. I don’t want to have half the screen blank though if it’s accessed on a phone or tablet, which is what would happen with css. If anyone knows how I can achieve that then let me know. 

I mentioned in a previous post that codecademy felt like it was constantly holding my hand. These projects certainly don’t do that and I love it. As I say I’m currently working on my portfolio page so watch this space. 

The King is dead, long live the King

The King is dead, long live the King

Codecademy is dead, long live Free Code Camp

OK, maybe dead is a little extreme. Codecademy isn’t dead but I have moved on. I owe codecademy a lot. It was the first site I found that could help me to code. It’s started my coding journey. Unfortunately there were a couple of reasons our time together had to end. 

Firstly it was very regimented, by that I mean you had to do all of this, then you had to do all of this slightly differently, then you had to do all of this another way. As an example I remember having to change font color using names, then RGB, then a hex code before I could move on. So many different ways to make my name a shade of red. 

Secondly, there didn’t seem to be a structure. For some people looking to learn a specific skill this may be useful providing they know what they’re looking for. If you’re a beginner like me though this isn’t the case. Also I completed the first course on HTML and CSS (as mentioned in my last post) but after that there didn’t seem to be an obvious way to go because of the lack of structure – there wasn’t a second course. 

For these reasons I haven’t done lots of coding recently. I felt there had to be a better way so rather than blogging or coding,  I’ve spent the last week or so reading and researching (some of which I will use for other posts – watch this space). 

This led me to discovering Free Code Camp. Based in San Francesco, USA this non-profit aims to teach people how to code while helping other non-profits with their computer based needs. Essentially you learn a certain amount of code, then you get released to work on projects for various non-profit organisations to prove your skills. Everybody wins. 

It’s a simple and in my opinion fantastic idea. The reason I think this is the way to go rather than codecademy? Not only is it a great way of supporting non-profit but the way it teaches is better suited to how I learn. Early on they say that the best way to learn is to do and this is something I really agree with. 

So far the general idea is similar to codecademy but I only had to make my font red once (technically twice but that was to demonstrate another element, not just for font color). It also explains what to do in enough detail to understand but without spelling it out. I still have to think about it a little bit, which I like and keeps me engaged. 

It’s also much better structured. There’s a genuine path from A to Z, and while you don’t have to stick to it, you always know what to do next. It’s laid out in a “map” that clearly shows the stages and let’s you skip any sections you’d like to. 

Finally it’s more interactive, while I haven’t needed to use it yet you are encouraged to join the very active community early on. A dedicated chat room is constantly being used. It makes what you do feel collaborative and helps make you realise you’re not on your own. 

I’m genuinely excited about what’s next and where this will take me. 

Feature image credit: Github