Becoming a Full-Stack Web developer in 7 Months

Becoming a Full-Stack Web developer in 7 Months
0


Yes stronger and more coffee also welcome to programming. :3

1 Like

Thank you for the funny image, but drinking coffee late is of course no option. Today I felt much better, maybe it´s easier to build something and focus instread of coding along a tutorial.

Today was day 5:
https://codepen.io/Data-Mastery/pen/qBWwjpL

My Project I worked on. The following question arised:

  1. Why does the <ul> not take the same height as the image element. I throught flex items would always stretch. I had to use padding, which worked, but might not be a good solution.
  2. When I load a website, items which have a transition start to fly around on the website when they are styled. I´ve seen this also in courses and nobody seems to care of have said anything about it. Is it me and my browser?

Hi @Data-Mastery,

I just want to say, you are making great progress. You’re already applying scss! And to answer your question, I see that you set a height: 50px; to your header__logo, which contains your image. As for the flex items, you’ll see that your ul (header__tabs) does not have a height specified, and, by default, its height is set to auto. If the height is set to auto, the browser will automatically calculate the height of your ul based on its contents. Try setting your header__tabs's height to 50px and change your li’s padding to padding: 0 2rem; and add line-height: 50px; to your li.

For your second question, do you have a website/course that you can link so we can see if it happens on our end?

1 Like

Thank you very much. But I hope you know that I did not start out as a total newbie :-).Thank you for your tip. I used that.

Day 6 of my challenge
https://codepen.io/Data-Mastery/pen/qBWwjpL

Not near perfect, but I get better at using flexbox as still remember stuff I always forgot like how to make transitions.
One thing in the codepen: When I scale, why do i see the borders of the image? I set the overflow to hidden :-(.

Video is more cringe than normal, but that´s part of the process. I´m pretty much done for today. I coded for 1,5 hours, but the week was quite long.

Day 8 of my challenge:

Topic today is Sacrefice: How much are you guys willing to sacrefice for your goals? Yesterday I only set up SASS and was away from the computer the whole day. Reason was I visited my 99 year old grandpa in the retirement home and went to the Oktoberfest afterwards (only had 1 beer in 6 hours so I was able to get up at 6:15am today without a hangover). To be honest, I enjoyed both acitvities and set the priority above coding. Can I be ever have success with such a mindset? Or does it prevent me from getting an isolated nerd who burns out some day? This is also true for sports… I prioritize my health above almost everything when I get up for the gym at 5am. I could also do some coding before work, but i don´t. So, what’s your approach? What do you sacrifice? Are only activities like watching 3 hours TV bad for success or other acitvities too?

This is my project I build today:

https://codepen.io/Data-Mastery/pen/oNvRdGv

I see some progress here, thinking in HTML/CSS gets more natural.

1 Like

Have to realize that sacrifice is giving up something valued for something else that is higher valued. Therefore it’s linked to your priorities, and it doesn’t really have to be a dirty word. Sacrificing a day or few hours of coding to see an aging relative or have some fun, just means you value those things higher than coding. I don’t think that’s a bad thing.

Most often around here, I think, people practice coding in order to reach some professional/financial or personal goals. For you, you have put a time limit on accomplishing that. As well, you bring up this idea of success. Can you be successful? Well, what does success mean to you? In the context of this thread, which is perused by largely strangers on the internet, it’s most obviously “becoming a full-stack web developer in 7 months”. But in terms of your life, I think “success” can be much broader a concept.

E.g. I’m happy I’m a developer, I feel I succeeded in that initial goal, I still have other goals that I hope to succeed on with regards to my professional life. But I evaluate my goals every month (at least) in the context of personal, professional, and financial goals.

From the sound of it, you also have professional goals (e.g. become a developer being one of them), as well as personal goals, then you can sacrifice one goal for another (Oktoberfest instead of coding), and still succeed.

Heck, my school always had posters saying “success is getting up one more time than you fell down,” so you could say success is even just trying to reach a goal. So if you’re trying to become a developer in 7 months, trying to spend time with family, and trying to have fun and enjoy life, then sounds like you’re succeeding.

1 Like

Thank you for your opinion. I like the idea of evaluating multiple goals you have on a monthly basis. To be honest, I don´t feel like falling and falling, just progressing slower than I might be possible. At the moment I listen to an audio book called “grit” which emphasizes that showing up each day and making work a habit is the most important step to succeed in a long term goal.

My video today:

I want to share this codepen with you. I have never seen something like this. This is absolutely insane :open_mouth:. This really motivates me to get better and better (I love escape room games).
https://codepen.io/KristopherVanSant/pen/dEZZEN

I started to work on CSS Grid a little bit, but to be honest, much of the stuff Jonas showed in his course did not really stick yet and I would not know when exactly to use it. I plan to build a simple dashboard till sunday with Flexbox and Grid where I use grid to align the visualisations.

https://learncssgrid.com

How well did you guys learn the grid? Maybe it takes some time to learn the correct reasons to do so.

My current job uses almost 100% premade components e.g. Bulma, Bootstap, etc.

But this is for an enterprise website, so cookie cutter design is ok. For more demanding frontends, grid and flexbox and more css mastery is probably important.

2 Likes

I was 600km in the north to visit my new born nephew. No programming during these days -
Thank you for sharing this, good to hear that from a professional that 100% pure CSS knowledge might not be required. Today I built another small website and I get to realize I don´t have to master everything in CSS, just because I don´t need anything to create the website. Typical 80/20 rule.

In the next weeks I will work on my JavaScript skills.

https://codepen.io/Data-Mastery/pen/yLLLRmq (Feedback is very welcome!)

Everything explained in my daily (yeah, there will be videos everyday from tommorow on again, since it´s easier to build a habit on programming) video :-).

1 Like

Today I worked 1 hour with JavaScript and to be honest - i already struggle with very basic stuff. I guess before working on my stuff I should first do the basic stuff of Andrew Meads Course. I guess the first sections should be pretty easy. My goal for this week is to get good enough with JS to build an Expense Tracker with functions and DOM Manipulation.

Besides my side hustle my Job seems to get pretty demanding the next weeks. We are forced to learn Python and also some Commandline skills. Hopefully my brain can cope with both, but anyway, I´m exited by a new challenge in my current job, which has become rare in the last months.

1 Like

Thank you for taking your time to craft this message. It’ll definitely touch as encouragement for many and definitely for me as well. I too relate to the part esp 2. and 3. Practice really plays such a big part to getting the concept nailed in.

I fall into the trap of reputation points. Thanks for the reminder that it’s all about learning!

Great share, Ethan. And appreciate all the sharing and time by the poster as well to start this insightful thread.

Do you mean reputation points here on FCC? How does it even work?

Hello everyone. No I did not die or give up, I decided to do the videos only once a week, because otherwise I sometimes coded for 30 minutes and spent 20 minutes on making and uploading a video without any progress.

This is the app I build on the weekend. My first ToDo List app with JavaScript. I´m really proud that it worked out as exspected, even though I had to google a lot and had several bugs which confused me. In the end I created an app which UI is (almost) completely based on data and userinputs. I can see a progress in the last 3 weeks, which is great :-). Doing own projects and experiments is a great way to improve.

https://codepen.io/Data-Mastery/pen/oNNbQyV

1 Like

You’ve got enough JS in here I think to take a crack at React or Vue if you haven’t already.

I’d recommend the Codecademy React course (free). FCC has a React track as well but I haven’t tried it. I’ve picked up the “read the docs” skill lately as well. That and working with others’ Vue projects is how I learned Vue.

my context of reputation points just means like achievement points in general. :slight_smile:

Thank you, but I will not rush. This was my first JavaScript App ever, so it is far too early for React. First I want to learn about Object Orientied Programming and ES6 Features, before I will try that. My Plan is to start with React in 2 weeks :slight_smile:

2 Likes

Sounds good to me! From what I can see, you’ll crush it when you get to it.