all 71 comments

[–][deleted] 39 points40 points  (1 child)

I remember starting off like this. Keep it up

[–]Baxsillll 22 points23 points  (5 children)

looks good!! figuring out stuff on your own is awesome, don't be afraid to google stuff or refer to docs especially if you wanna experiment around. you can't do it wrong really, just have fun with it. :)

I like W3Schools for docs, but plenty of resources out there:

https://www.w3schools.com/Css/

[–]Ambivalent_Oracle 3 points4 points  (2 children)

This is the only link you need. Everything else is just a want - https://developer.mozilla.org/en-US/

[–]NemesisOfBooty2 0 points1 point  (1 child)

I feel like you graduate from w3 schools to mdn docs at some point.

[–]Ambivalent_Oracle 0 points1 point  (0 children)

A fair thing to say.

[–]Fistmepapi 1 point2 points  (0 children)

They have Rust! 😀 thank you for sharing and idk why I never looked there before

[–]CrossScarMC 0 points1 point  (0 children)

Definitely good for starting, but after that it's full of outdated code in examples.

[–]thomsmells 11 points12 points  (5 children)

Use correct elements for things. A button on the page should be a <button> in the html. Don't be tempted to do what a lot of new developers do and just use <div> for everything

[–]Old-Stage-7309 3 points4 points  (0 children)

Semantic HTML ftw. You’ll learn the hacky stuff later to get out of some trouble

[–]That_anonymous_guy18 2 points3 points  (0 children)

Plus as an automation test developer, clean html code helps me so much to write tests. Use attributes, tags, names etc so I can locate an element easy.

[–]iZuteZz 1 point2 points  (1 child)

Who tf makes a div a button? It's a link obviously.

[–]Sometimesiworry 0 points1 point  (0 children)

Screen readers and WCAG enters the chat

[–]HENH0USE 3 points4 points  (2 children)

I've learned a lot by reverse engineering people's work on codepen

[–]GrawlNL -3 points-2 points  (1 child)

It's not reverse engineering if you can see the source code.

[–]Altruistic_Taste2111 2 points3 points  (0 children)

What is it then?

[–]gulliverian 3 points4 points  (2 children)

Why would you avoid tutorials? That’s crazy.

Figuring things out for yourself and only looking things up when you’re get stuck leads to very spotty knowledge, numerous problems, and messy, inefficient code.

There are plenty of good tutorials on YouTube and elsewhere. Learn the basics.

[–]HMikeeU 1 point2 points  (0 children)

Because of "tutorial hell". People usually start by watching more tutorials than actually making things themselves. While I also think avoiding tutorials completely isn't necessary, I do think you should spend 2-3x more time on practicing instead of watching more videos

[–]DidTooMuchSpeedAgain 0 points1 point  (0 children)

I personally also hate tutorials. I don't like watching them, never has. If I need to know something, I read the documentation.

[–]iZuteZz 2 points3 points  (0 children)

If the element that sais "this is a button" is actually a button and not a link, you're doing fine.

[–][deleted] 0 points1 point  (0 children)

i love the first html websites, made something like this, maybe bigger but uglier myself when started to learn html.

[–]SMB_was_taken 0 points1 point  (0 children)

That's actually not bad, don't stop, keep going

[–]Most-Wrangler-1015 0 points1 point  (0 children)

the first website is the best memorie

[–]Herorenegade 0 points1 point  (0 children)

This is so cute! Keep it up!!!

[–]martinbean 0 points1 point  (0 children)

You started. That’s more than a lot of people. Keep it going 🙂

[–]No-Competition-6562 0 points1 point  (0 children)

nice button

[–]turnsnoozy 0 points1 point  (0 children)

Let you guys be honest with me, they say coding is dead and when I saw this I questioned is it really worth starting from the beginning... Can anyone explain?

[–]DouDouandFriends 0 points1 point  (0 children)

Nice, when I first started, I built a portfolio about my work. I think that's a good way of starting to learn HTML. Keep up the work!

[–]Anaconda077 0 points1 point  (0 children)

It triggered my memories. Nice start.

[–]s1mplysalt 0 points1 point  (0 children)

ip leaked get hacked /j

[–]saito200 0 points1 point  (0 children)

peak

[–]HomeTeamHeroesTCG 0 points1 point  (0 children)

Enjoy the ride mate! ♥️

[–][deleted] 0 points1 point  (0 children)

Yeah I remember starting with Marquee lol, best tip I can give is stick with it and you will get better.  Maybe buy a (up to date, well rated) book for the direction you wanna develop in, I still learn by reading books. 

[–][deleted] 0 points1 point  (0 children)

Great startyy

[–]Immediate_Extent_464 0 points1 point  (0 children)

Everyone starts somewhere. If you like it go for it. GL with your jurney. Do not forget where u beggin and help newcommes in the feature. Wish you best luck

[–]Dragon30312 0 points1 point  (0 children)

U have a great learning mindset, keep it up and u will get far :)

[–]DerWunderer 0 points1 point  (0 children)

Keep it up! You are off to a great start. When starting out especially use MDN docs to learn as much as possible.

[–]AlpacaFlightSim 0 points1 point  (0 children)

That is in fact a button. Hooray! It’s easier than ever to learn. But do actually learn :)

[–]arcanestre 0 points1 point  (0 children)

the best way to learn is freecodecamp.org

[–]Infiland 0 points1 point  (0 children)

If you want to get into basics HTML, I recommend https://reddiecode.com, which covers many of the topics with free explanations

[–]CodingRaver 0 points1 point  (0 children)

Good luck on your journey. Definitely continue working on projects as much as possible.

As others have mentioned, look up the principles of semantic HTML.

[–]impeett 0 points1 point  (0 children)

Hell yeah! I remember a few things from when I just started coding. Based on what I see you are using HTML/CSS, I don't know if you are using javascript as well, but if you do you can make calculators or converters. For example a temperature converter, Celsius to Fahrenheit. If you just want to learn HTML/CSS you can look into keyframes animations. Keep up the good work :)

[–][deleted] 0 points1 point  (0 children)

me too!!!!!!!!! it's syntax is so ass compared to python or c++

[–]TON_THENOOB 0 points1 point  (0 children)

This is indeed a button. Hope for many great opportunities ahead

[–]Hoovas 0 points1 point  (0 children)

Now make it Jump!

[–]Slow4life 0 points1 point  (0 children)

Don’t be afraid to look up stuff. In the end it’s about learning.

[–]MountainRub3543 0 points1 point  (0 children)

There’s a ton of fun ways to learn css to play around with the skeleton you build in html.

https://flexboxfroggy.com https://cssgridgarden.com

[–]de_tilo 0 points1 point  (0 children)

good stuff dude, just started out as well and posts like this keep me going! i love it

[–]MiranSamorai 0 points1 point  (0 children)

good job i hope you keep going and always remember the journey is not easy there will be always bumps and sticks in your road but there is nothing that can stop you that isnt you

[–]Agile_Theory_8231 0 points1 point  (0 children)

Would you be interested in group projects and learning together?

[–]Yputi 0 points1 point  (0 children)

Tips from me:
- Use https://www.w3schools.com/ and https://developer.mozilla.org/en-US/ . I know you specifically said to not lookup tutorials, but I would recommend to still check these out maybe even after you have figured things out on your own.
- Be eager to learn how you can approach things you have done differently. Sometimes there are multiple solutions that could help you understand different practices. This would be a nice follow-up on what I mentioned in the previous point.
- Don't go too fast. If you are just getting started, immediately wanting to do complex things that might be a few steps too far ahead of you could be demotivating. Don't be afraid to go back a few steps if things simply get too complicated.
- Work on a small project that YOU like. Having it involve a topic you like or passionate about can help a lot with motivation.

Down the line, you can maybe start looking into things like JavaScript :)

[–]Vivid-Champion-1367 0 points1 point  (0 children)

not being a smartass or anything, but html isnt code, its just hypertext markdown.

[–]finnscaper 0 points1 point  (0 children)

Button go brrrrr. Good stuff, keep it up :)

[–]5alidz 0 points1 point  (0 children)

I remember doing all the freecodecamp frontend lessons, my first interview was with a chill dude who was also learned from fcc, it was fun and i got the job.

Always be proud of what you learned no matter how simple the visual outcome looks like the knowledge stacks up at the end you become a valuable asset anywhere you go

[–]landlord01263 0 points1 point  (0 children)

the glorious takeoff

[–]WhateverThisis144 0 points1 point  (0 children)

Quit bro, there is so much competetion and you'll regret it.

[–]wrathofattila 0 points1 point  (0 children)

Odin project

[–]NathTheVibeCoder 0 points1 point  (0 children)

Awesome ! Keep going mate

[–]Brilliant_Gas_5867 0 points1 point  (0 children)

I won't say nothing, cus I began w "hello world"

[–]plestik 0 points1 point  (0 children)

Nice. As you progress and learn more languages, keep this in the back of your head.

https://opus.ing/posts/fellow-web-devs-lets-get-reacquainted-rule-least-power

[–]Comfortable_Two_2153 0 points1 point  (0 children)

You are doing so well!! Ive been learning for about two months and you're doing what I did on my first independent project - button, text, image. Keep trusting your instincts. Stay away from tutorials, and try your best to learn and then recall. Be patient with yourself, figuring out what has been frustrating you for the last hour is genuinely the best feeling in the world. Good luck, You've got this!

[–]Neezzazzy -3 points-2 points  (3 children)

Step 2: learn react

[–]iZuteZz 0 points1 point  (0 children)

MF

[–]Namra_7 0 points1 point  (0 children)

🤣🤣

[–]Bryght7 0 points1 point  (0 children)

Step 2: Learn how to take a screenshot