What's my next step?

if you mean the projects, you will have to save your progress somewhere, the suggestion is CodePen but you can do that anywhere that have a similar functionality. And then share your completed projects with whoever you want

Thanks, Michael.

May I ask why you used dev.to vs Github?

Thanks again!

Thank you. I appreciate the help.

Can you elaborate on this?

My code is on Github and my blog posts are on my personal blog and on dev.to.

Hi Mike. I’m sooo new to all this so I may be asking irrelevant or dumb questions. I’ve completed this so far on free code camp:

  • Basic HTML and HTML5
  • Basic CSS
  • Applied Visual Design
  • Applied Accessibility

I just started Responsive Web Design Principles today. I’m literally asking what should be my next step? Should I continue to complete the Responsive Web Design Certification and Projects prior to doing anything else? WWYD? I’m coming from absolutely zero background and am trying to self-learn. Feel a bit lost and looking for some guidance. Thank you!

Great work!

I think it’s a good idea to follow the curriculum:

  1. Responsive Web Design Principles
  2. CSS Flexbox
  3. CSS Grid
  4. Responsive Web Design Projects

The projects are a good milestone.
You will need some time for this.

My approach would be like this:

  • put the max amount of hours into the curriculum and projects (!)
  • write a small daily summary here on the forum, on dev.to or on twitter about it
  • remove all distractions and don’t dream about future plans; I see this all the time: 20h of creating the “perfect” plan (=> procrastination, because planning feels safe and creating beginner’s code feels awkward and embarrassing), 1h per week (…) actually working
  • you don’t need a fancy plan: do the curriculum, check in here for feedback on your projects, ask for help if you are really stuck; the plan is building projects

I think you are employable after finishing all the 15 projects of:

  • Responsive Web Design Certification
  • JavaScript Algorithms and Data Structures Certification
  • Front End Libraries Certification

Not as a fullstack engineer with Google or Apple,
but as a valuable developer for the frontend or as a freelancer for small companies (additional soft skills needed).

So this is my benchmark:

  • how many (own) projects you finish

Not my benchmarks:

  • how many hours you slack around on twitter, reddit etc. to “learn” (= procrastinate)
  • how often you read repetitive articles about stuff you already know
  • how many perfect plans you create that never will come true
  • how often you copy other peoples’ tutorials and think you are the greatest dev on earth
1 Like

Hi Mike! Thanks for the reply! Really appreciate it! That sounds like a great plan and I intend on doing what you’re suggesting.

I haven’t been doing the daily summary but I’ll get to it. I’ll take a look at other examples out there and try to emulate them. Thank you.

So, I just finished the first project Responsive Web Design Projects - Build a Tribute Page:

https://cdpn.io/MacroFrito/debug/GRZxzQK/VJkxxOBvxVDk

A few things that concern me:

  • I’m having a real difficult time figuring out how to test the page. Any assistance there would be great.
  • Now that I’ve completed this project what do I do with it?
  • Admittedly, I had a real difficult time figuring out the code from the directions given. I actually ended up copying/pasting a bunch of the html and css code on the sample tribute page of Dr. Norman Borlaug and inputting where necessary to customize my page. It’s embarrassing to say but, unfortunately, the truth. I definitely don’t feel fully comfortable with html or css yet. What should I do at this point?

Sorry for all the hand-holding but I’d really like to feel as comfortable as possible with each step before moving to the next and I def don’t feel comfortable at this point.

TYVM for all your help and feedback!!

I look forward to hearing back.

Your link doesn’t work as expected,
here is the correct one: https://codepen.io/MacroFrito/pen/GRZxzQK


At the bottom of the tribute page project description is a link to the tribute page example (in the red box):
Screenshot_2020-09-11_08-14-44

When you visit it, you can see a URL at the top of the HTML box (blue box):

This is exactly the URL as in the first image (also blue box).
To use it, it is in a script tag.

You can use this script in each of your projects,
you just have to choose the project you want to test (purple box in the image above).


You can build a small portfolio and put it there!


Yeah, that’s totally normal.

I think it’s a good idea to build each user story one by one by dissecting it into smaller parts.

For example:

User Story #1: My tribute page should have an element with a corresponding id="main" , which contains all other elements.

  • My tribute page: I have to fork the FCC example or create a new pen

  • should have an element: maybe a div or a main element makes sense

  • with a corresponding id="main": when using a div, I can do it like this:

<div id="main"></div>
  • which contains all other elements: my other elements have to live inside the div:
<div id="main">
  other element 1
  other element 2
</div>

The more experienced you become, the more of these tiny steps you can do in a bigger step.


I think everyone once was a beginner. :+1:

Looking forward to seeing your next steps!

1 Like

Thanks again, Mike. I’ll keep you posted!

I would definitely do some projects first. No javascript, no functionality, just html/css (or any css library that you want to use instead). Just go into the wild and try to do various things. If you are out of ideas you can always try to look for templates and try to replicate them. Struggle, get stuck, suffer, that’s how you improve. You’ll start enjoying it way more once you realize you are getting better and can create something nice.

I also suggest having a perfectionistic approach, dont run away because you cant do something, try to find a solution, chance is, you will have to do in the future eventually. So you cant really run from it forever. (Saying this as someone who did that same mistake :frowning: )

Hey Mike,

Hope all is well. So I went back and did the first project and followed your instructions. They were super helpful. To my delight I was able to complete the first project with all 10 tests passing without copying or pasting any previous code. Here it is:

Aesthetically, it’s nothing too pleasing but my goal was to just get all 10 tests to pass, which I did. Please let me know your thoughts. Do you think I should keep working on it or would you say it’s good to go?

I’m going to start working on the 2nd project anyway but would love to hear your feedback.

Again, thanks for everything.

Hi,

Thanks for your response. I truly appreciate it. I’m about to start the 2nd project under Responsive Web Design. Here’s my result from the 1st project:

Feel free to give me any feedback. By the way,

Can you elaborate a bit more on this? How do I accomplish that?

Thank you!

Hi Mike.

Hope you had a nice weekend. Here’s my survey page (project #2):

One question I have, though, is if I’m copying code from google searches or the example provided and just customizing it to my needs, does that count as coding (which I did to complete both projects, thus far)? If I’m doing that, does that mean that I really know the material or am I just cheating my way through? What’s your opinion on that?

would you be able to do the project again without that much research and getting code from other sources? (only allowed devdocs.io ) and without looking at your own code of the already existing project either

if yes, then you are also learning from those snippets you take. If you can’t, then you are doing yourself a disservice.

1 Like

Great work passing the tests :+1:

When I do my own projects, I mostly ask myself “Would I like to use this site?”.

Regarding your site, I would probably read it, maybe I would go to Wikipedia directly, because the user interface is similar (white background, black font color).
I think it’s always a good idea to fork your own old stuff and rework the forks to see the differences and your progress.

I think "does that count as coding?" is not the best question. I think nobody cares about "I am a coder", if you are not able to solve problems/create products with your skills. It’s mostly an ego thing.

I think better questions are:

  • Am I able to build this from scratch without (a lot of) help?
  • Do I feel more able to build stuff after copying this code?

I think the technical implementation is not the hardest part of engineering. It’s a lot about the psychological stuff. Being resilient to frustration. Being able to cope with the stress around it.

If recently wrote a post about concepts vs. implementation regarding CSS, but I think it’s nearly the same with all the engineering.

When you copy code, you copy the implementation details. You mostly don’t read up on the What & Why. Sometimes fixing the How is urgent and necessary. But to learn a craft, I think it’s more about learning the What & Why.

Thanks a ton for your response, Mike. Very helpful.

I think it’s always a good idea to fork your own old stuff and rework the forks to see the differences and your progress.

Can you explain this in layman’s terms? I’m still not completely clear on what the term “forking” is. Is it taking an original and then customizing to your own needs? Or further improve on a previous version? Is that “forking”?

Thank again.

In software engineering, a project fork happens when developers take a copy of source code from one software package and start independent development on it, creating a distinct and separate piece of software. (wikipedia)

basically its like creating a paralel copy… that you can change how you want, but the original remain the same

1 Like

As Eldorado82 said, this means creating a copy.

You can do this here:
Screenshot_2020-09-14_21-27-00

You get an exact copy and revamp it, so you can directly see your progress.

Gotcha! That makes a lot of sense. Thank you!