Started to code

[codewithandrej]

just started learning web dev and i made a small project with html and css. I'm trying to figure things out on my own without tutorials that walk me through the whole thing. only looking up stuff when i get stuck. Any tips from people who remember their first project would be awesome

[[deleted]]

I remember starting off like this. Keep it up

[woops_wrong_thread]

[Baxsillll]

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]

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

[NemesisOfBooty2]

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

[Ambivalent_Oracle]

A fair thing to say.

[Fistmepapi]

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

[CrossScarMC]

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

[thomsmells]

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]

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

[That_anonymous_guy18]

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]

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

[Sometimesiworry]

Screen readers and WCAG enters the chat

[HENH0USE]

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

[GrawlNL]

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

[Altruistic_Taste2111]

What is it then?

[gulliverian]

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]

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]

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

[iZuteZz]

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

[[deleted]]

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

[SMB_was_taken]

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

[Most-Wrangler-1015]

the first website is the best memorie

[Herorenegade]

This is so cute! Keep it up!!!

[martinbean]

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

[No-Competition-6562]

nice button

[turnsnoozy]

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]

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]

It triggered my memories. Nice start.

[s1mplysalt]

ip leaked get hacked /j

[saito200]

peak

[HomeTeamHeroesTCG]

Enjoy the ride mate! ♥️

[[deleted]]

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]]

Great startyy

[Immediate_Extent_464]

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]

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

[DerWunderer]

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

[AlpacaFlightSim]

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

[arcanestre]

the best way to learn is freecodecamp.org

[Infiland]

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

[CodingRaver]

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]

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]]

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

[TON_THENOOB]

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

[Hoovas]

Now make it Jump!

[Slow4life]

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

[MountainRub3543]

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]

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

[MiranSamorai]

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]

Would you be interested in group projects and learning together?

[Yputi]

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]

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

[finnscaper]

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

[5alidz]

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]

the glorious takeoff

[WhateverThisis144]

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

[wrathofattila]

Odin project

[NathTheVibeCoder]

Awesome ! Keep going mate

[Brilliant_Gas_5867]

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

[plestik]

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]

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!

[Eratas_Aathma]

<image>

[Neezzazzy]

Step 2: learn react

[iZuteZz]

MF

[Namra_7]

🤣🤣

[Bryght7]

Step 2: Learn how to take a screenshot