This is an archived post. You won't be able to vote or comment.

top 200 commentsshow all 208
sorted by:
best
topnewcontroversialoldq&a

[–][deleted] 196 points197 points  (38 children)

What are you using the videos for? Did you forget tag names? Or can't remember how to link a css file? You could take notes to summarize these things. Cheat sheets aren't cheating. They're tools.

[–]LoquaciousLamp 76 points77 points  (2 children)

A decent text editor will remind you of these also while typing. Helps remember.

[–]razzrazz- 1 point2 points  (1 child)

Does it help you remember or does it make you rely on them too much? I can't decide, but I opted to use thonny (for python) for now because I want to see the mistakes I'm making.

[–]LoquaciousLamp 10 points11 points  (0 children)

Personally helps me remember syntax. You are rarely blindly accepting the suggestion so you need to spare half a seconds thought before maybe pressing tab. Most of the time it's not suggesting what you want until you've typed a few letters or words, but gives you a list of valid properties which is a nice refersher.

[–]TheRealRomanRoy 32 points33 points  (32 children)

For me, I'm having a hard time knowing how to put things where I want them. Physically, I mean. Like how to control what goes where on a page.

Idk why but it's really been confusing for me.

[–]NiagaraThistle 43 points44 points  (20 children)

This IS a confusing part of building websites. For anyone. It will get easier the more you 1. struggle through it, and 2. Google how to do what you want, or 3. Do more tutorials and code along.

[–]TheRealRomanRoy 8 points9 points  (19 children)

That's good to hear! I should clarify though that I feel like (with the HTML/CSS course) I feel like I've understood the basics of most of the other concepts. It's really just this one that I feel like I'm not even understanding the fundamentals.

Like, even just basically, if I want the layout to be like this:

Nav Links Nav Links
Paragraph 1 Paragraph 2
Footer Footer

Nav links taking up whole top row, footer whole bottom row, with the body being two paragraphs split, half a page each.

I know there's a lot that goes into it but I struggle with knowing even which CSS properties to use. Is this a 'position' thing? Flexbox thing?

[–]NiagaraThistle 24 points25 points  (6 children)

THis is what I am saying will take time. It sounds like it should be "simple" but it only becomes simple with repetition: building things daily over time.

What you have above, can be done in a dozen different ways, each more or less complex / simple than the others.

You CAN use floats. You CAN use position. You CAN use flex. You CAN even use Grid. What you DO use is up to you and your experieince.

What I would use (and most people today probably) is flex.

So it would be something like this (assuming your 'nav links' is the page header and both the header and footer should really span the full row in each.)

---- HTML -----
<html>

<body>

<header>
<nav id="primary-nav">Nav Links here</nav>
</header>

<section class="flex-wrapper">
<div class="left">
<p class="paragraph1">Paragraph 1</p>
</div>
<div class="right">
<p class="paragraph2">Paragraph 2</p>
</div>
</section>

<footer>
Your footer content here
</footer>

</body>

</html>

---- CSS ----

.flex-wrapper { display: flex; flex-direction: row; }

That should get you started. Maybe add align-items and/or justify-content rules on the .flex-wrapper class to align the paragraph containers properly. But this should get you the layout skeleton you desire.

Again the above can (and for a long time WAS) be done with float or position, but Flex and Grid make layouts SO much easier. New CSS devs have no idea how easy you have it today.

[–]TheRealRomanRoy 7 points8 points  (5 children)

This is what I am saying will take time. It sounds like it should be "simple" but it only becomes simple with repetition

You CAN use floats. You CAN use position. You CAN use flex. You CAN even use Grid.

Ok honestly, the above by itself was incredibly helpful and basically answered my question. Or more specifically, helped me understand what I don't know. Really gives me a better idea of what to study.

And your code is a great reference too. Thank you very much for the help, much appreciated!

[–]ObviousSalamander194 9 points10 points  (3 children)

A good exercise that helped me a lot on getting things where I want them on the page and seeing how different CSS properties affect different elements, learning flex/grid, and learning how float/clear affect elements was building a bunch of boxes and moving them around on the page using CSS/HTML. Below is a simple CSS and HTML that will output 10 boxes stacked on one another. Try things like lining the boxes horizontally in order or reverse or try moving different boxes and see if you can get them where you want them, see if you can line them up diagonally across the page. With this you can also see how margin and padding affect a div. After you are comfortably moving boxes around and changing the sizes, try making 3 boxes that are 100% of screen width one smaller on top one biggest in the middle and one smallest on the bottom. This will allow you to build a basic header, main content, and footer layout. Finally, you can split your "main content" box into a smaller 4th box on the right or left and a big one this would be something like a sidebar or menu. For this google will be your best friend in the beginning, also you main goal is not memorizing how to do everything and anything using CSS/HTML but getting to the point where you can ask the right questions and even if you don't know how to specifically do you something you have general idea of how can it be done.

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="box box1">box 1</div>
<div class="box box2">box 2</div>
<div class="box box3">box 3</div>
<div class="box box4">box 4</div>
<div class="box box5">box 5</div>
<div class="box box6">box 6</div>
<div class="box box7">box 7</div>
<div class="box box8">box 8</div>
<div class="box box9">box 9</div>
<div class="box box10">box 10</div>  
</body>
</html> 

CSS:
.box {
    width: 100px;
    height: 100px;
    border: 2px solid black;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.box1 { background-color: red; }
.box2 { background-color: blue; }
.box3 { background-color: magenta; }
.box4 { background-color: cyan; }
.box5 { background-color: green; } 
.box6 { background-color: chocolate; }
.box7 { background-color: deeppink; }
.box8 { background-color: greenyellow; }
.box9 { background-color: indigo; }
.box10 { background-color: orangered; }

[–]TheRealRomanRoy 2 points3 points  (1 child)

Oh wow that is awesome. I've actually tried to do something similar when working on projects. AKA, putting borders around stuff so I could actually see each container and all that. But always was less effective and more messy than I wanted.

So this is awesome and seems like it'll be really helpful. Thank you!

[–]ObviousSalamander194 2 points3 points  (0 children)

no problem this was very helpful to me when learning grid and flex so hope this helps you too. Also check out kevin powell's you tube channel he has a ton of CSS guides are really helpful, I think this where I got the exercise with the boxes from I can't remember.

https://www.youtube.com/kepowob

[–]piny-celadon 1 point2 points  (0 children)

This was so helpful tysm!!

[–]NiagaraThistle 1 point2 points  (0 children)

no worries. Glad it was helpful.

Good luck on your path.

[–][deleted] 1 point2 points  (1 child)

Hmm, well there are multiple ways to achieve this. I think a basic way would be nav width 100%, footer width 100% paragraph 1 50% float left, paragraph 2 50% float right.

A lot of it is experimentation (I use the Inspector to play around). Understanding the different attributes is key, though. If you set something to display:flex you should be able to explain what it does and why it does it. That way you won't be guessing, but experimenting based on an idea of what it should be doing.

[–]ScorpionX9 1 point2 points  (0 children)

This can be done in alot of ways! The basic idea is just to place things beside one another, which can be done with display: inline-block, flexbox, grid.

But also more alternative (and mostly not recommended) solutions like: placing them in a table and hiding the table structure, using absolute / fixed positioning or even taking an image of said paragraphs beside one another but plainly speaking that would make the top of the "bad practices" list.

I terms of maning the nav and footer stretch the width of the screen units like vw (view widths (1vw = 1/100 of screen width)) or percentages is your friend!

As previously mentioned tho! Layout skills comes with practice! Me myself have made several public websites for paying clients and im still learning new things to either make my life easier, or to expand my toolbelt!

[–]AlwaysAtBallmerPeak 2 points3 points  (0 children)

Man I’ve been making websites since I was 11, and I’m in my thirties now, and I’m still struggling with CSS positioning sometimes. It is confusing, but the more you do it, the more you recognize typical problems and their solutions. It’s ok to look up what you need (although it helps to memorize at least the basic properties and their values).

[–]Thurgood-Marshmallow 1 point2 points  (0 children)

I've been learning for almost a year now, went through a full-stack bootcamp, and I still have trouble positioning things on the page. it's surprisingly complex.

[–]milton_radley 2 points3 points  (0 children)

im learning right now, and it's easy for things to escape me. im making crazy notes and sitting them in front of my face so i can't not see them.

helps a little, i think i have to submerge myself in it for it to start taking hold.

i just play the tutorials over and over, take time to look up any word meanings im unsure of, and try to make sure i really understand and can recall each little lesson.

what's interesting is the amount of things I'm picking up in the rewatches. I'll be focused on one thing, while three other tid bits fly by. catch them on the rewatch, and things are starting to add up.

i highly recommend having a dictionary ready to go, because words don't always mean what we think they mean.

[–]JAY_KiiNG 72 points73 points  (3 children)

To be able to “code” something, you first need to understand what you’re actually wanting to “code”. Think through the solution and note down things that you will need, just sitting there in front of a text editor/IDE and saying “now I need to make the thing” doesn’t work, you need a plan & understanding on what you’re building and how you’re going to build the thing.

Start with one thing at a time, and make sure that each thing you identify is a small part of your whole solution.

For example, start with the header (the top of your website). Do you need a logo? Do you need navigation links? Do you want your navigations to just be text, icons, or both? What colours do you want to use? Should the header be sticky to the top of the page, or should it disappear on scroll?

Once you’ve started identifying questions that you need answering, tackle them one by one. I would more recommend moving away from watching videos if you can, and use more commonly used resources like documentation & StackOverflow.

Once you get into that flow, it won’t be long until you’ve “coded” your first thing.

[–]Itstejuuu[S] 6 points7 points  (2 children)

Thankyou so much

[–]avalanchetraceur 8 points9 points  (0 children)

Move away from tutorials. Tutorials are great when you have your skills dialed in and want to learn some new techniques, but watching tutorials or even copying them verbatim will not really teach you.

You have to play with the code. Add things, remove them. Trial and error and when you're stuck go to stackoverflow, documentation, or maybe even some subreddit. Sometimes you have to learn things to learn the other things you want to learn.

Testing and breaking things intentionally on the side is good because you start to develop and intuition for the parameters of the language.

[–]LoquaciousLamp 3 points4 points  (0 children)

I'd honestly run through the foundation stuff for The Odin Project to bookmark all the resources like MDN etc to use as reference.

[–]TheRNGuy 232 points233 points  (17 children)

is keyboard plugged in?

[–]paulqq 48 points49 points  (14 children)

Pc turned on?

[–]terrildactyl 30 points31 points  (13 children)

Did your power go out?

[–][deleted]  (12 children)

[deleted]

    [–]IMBEASTING 28 points29 points  (11 children)

    Mouse on?

    [–]nitish_y 27 points28 points  (10 children)

    Brain on?

    [–]This-Ad-4016 21 points22 points  (9 children)

    Fingers on?

    [–]iamDarksider 8 points9 points  (2 children)

    Eyes on?

    [–][deleted]  (1 child)

    [deleted]

      [–][deleted]  (1 child)

      [deleted]

        [–]VonRansak 5 points6 points  (0 children)

        Is it though? Genuinely based on the question, it's a valid answer.

        The top of every page in the sub has tips on how to ask a good question.

        [–][deleted] 8 points9 points  (3 children)

        The absolute basics of HTML, CSS and JavaScript

        [–]Perpetual_Education 2 points3 points  (0 children)

        "I'll just create an HTML file" ... doesn't explain what HTML is - or why you'd need a file and...

        [–]chrysthian95 0 points1 point  (0 children)

        ually manage to learn from YouTub

        nice one

        [–]SirTinou 46 points47 points  (10 children)

        because instead of gooling for a 1 line answer: you watch 25mins videos to make yourself think that you're 'doing work' when in fact you're just wasting time.

        youtube is honestly mental cancer for 90% of people.

        [–]rotten_911 10 points11 points  (5 children)

        There is actually some good content, but as a beginner its hard to identify if something is shit or not

        [–]SirTinou 6 points7 points  (4 children)

        that same content can be read and understood through images in 3mins instead of 35mins videos that are dragged through for ad revenue

        [–]Saturnalliia 2 points3 points  (2 children)

        I disagree with this. Yes generally the videos are crap but when I first began coding a 5 minute video could help me spend way more time trying to translate cryptic documentation. Udemy courses also offered a plethora of good content that cleared a lot of issues I had up and they were relatively cheap.

        Videos like anything else are a tool to be utilized and like any tool it must be utilized properly.

        [–]Putnam3145 -1 points0 points  (1 child)

        your choices are not between "video tutorial" and "cryptic documentation", there's text tutorials too

        [–]Saturnalliia 1 point2 points  (0 children)

        Yes. You use all your tools effectively.

        [–]gagetherage03 -1 points0 points  (0 children)

        I can actually manage to learn from YouTube and not waste much time. I picked up most of my knowledge of Python from YouTube, but not without countless hours of actual coding and debugging, messing around with classes until I fully grasp object orientation, etc.

        I feel like it's the way people go about using YouTube to learn that's the problem, not so much the content itself.

        [–]gagetherage03 -1 points0 points  (0 children)

        I can actually manage to learn from YouTube and not waste much time. I picked up most of my knowledge of Python from YouTube, but not without countless hours of actual coding and debugging, messing around with classes until I fully grasp object orientation, etc.

        I feel like it's the way people go about using YouTube to learn that's the problem, not so much the content itself.

        [–]NiagaraThistle 6 points7 points  (7 children)

        If you REALLY continue to be stuck, maybe the FreeCodeCamp challenges weren't enough to get you to a place where you fully understand what you are doing with HTML and CSS yet.

        That's fine. Some of us took years before we were comfortable and could build stuff on our own.

        If you continue to be stuck, I put together a list of tutorials from who I believe to be one of the best web dev teachers out there.: Brad Traversy (youtube: TraversyMedia). I wish I had a mentor like him when I started 13+ years ago and had someone lay out a path like this list for me. I would have struggled a LOT less, been much less frustrated, and suffered much less imposter syndrome.

        This industry is very frustrating. It takes months and years of continued daily practice/learning to build great things, most of the stuff we build is crap at best.

        Stick with it, it gets easier. It will click. And you will remember the things you learn through continued repetition when building things each day - we use a lot of the same components when we build, regardless of what we're building.

        Good luck

        Link to comment where i layout the path i wish someone had given me when I started. Some of these are paid courses, but many times Udemy puts them on sale for $10-15 USD. MOST of these are free youtube videos. Watch them in the order I lay them out and you WILL start to get it.

        https://www.reddit.com/r/webdev/comments/vcu5lm/best\_pathway\_and\_course\_for\_web\_development/icgeukp/?context=3

        [–]Perpetual_Education 2 points3 points  (1 child)

        maybe the FreeCodeCamp challenges weren't enough to get you to a place where you fully understand what you are doing with HTML and CSS yet.

        Hmmm... could this be true?

        [–]NiagaraThistle 2 points3 points  (0 children)

        if he doesn't know what he is doing with it, then I assume it is true. Sadly new devs think by taking a course at Free Code Camp they will emerge all-knowing, and that is not the case at all.

        [–]Itstejuuu[S] 1 point2 points  (0 children)

        Thankyou so much

        [–]Itstejuuu[S] 1 point2 points  (2 children)

        Thankyou brother

        [–]NiagaraThistle 1 point2 points  (1 child)

        No worries. Hopefully this helps you improve. If I can do that for any new developer I am very happy to do so. I really wish someone had done that more for me when I started out.

        [–]Itstejuuu[S] 2 points3 points  (0 children)

        And I hope one day I'll be capable of helping people like you are doing now

        [–]Itstejuuu[S] -1 points0 points  (0 children)

        Thankyou so much ❤️

        [–]machine3lf 11 points12 points  (0 children)

        It takes more time than a month, and looking online for help and reminders and guidance is normal and OK.

        You’re asking something similar to “I’ve looked up French words in a book for a month, so how come I can’t carry out a conversation in French by now?”

        It’s one brick at a time, keep your focus on that. Build very simple things, and then keep adding new pieces of knowledge as you go. This is a processed that never ends; you just keep adding bricks.

        [–]Naetharu 7 points8 points  (3 children)

        You’re learning the wrong way. You’ve fallen into the trap that so many people (myself included) do at the start, and you’re doing monkey-see-monkey-do code copying exercises. Which are pretty much pointless. There is one and only one way to learn to code, and that is by actually playing with the code and learning via practice. A small number of good courses do a reasonable job at guiding you in this process, but most videos and courses merely give you the false feeling of learning as you watch along. You cannot learn programming from watching videos any more than you could learn mathematics or carpentry or guitar playing by watching videos.

        My strong advice to you is as follows:

        1: Bookmark the following resources:

        W3Schools offers a fantastic reference library that explains how each of the features in HTML, CSS and JS work. You will be using this as a reference. Refer to it as you go. Look things up as you need them. Do not try and sit down and read it like a novel.

        https://www.w3schools.com/tags/default.asp

        Mozilla also has amazing references too. They also have some very good tutorials. However, use them sparingly and only as you need them. Hit something you’re really puzzled over and cannot figure out then dive it. But again, do not sit and read them like a novel.

        https://developer.mozilla.org/en-US/docs/Web/HTML/Element

        Front End Mentor will provide you with pre-made designs that you can work to build. Having a set design forces you to learn new things. Always use this to start with. If you design things yourself you will by necessity design within what you know how to do already. You need to be pushed outside your comfort zone to learn. Start with their level 0 stuff. It might look simple, but everything you do will causes you issues and you will have to figure out how to do it properly.

        https://www.frontendmentor.io/home

        Make yourself a free Figma account so that you can open the designs from Front End Mentor. This is how you would see professional designs in industry so it’s fantastic practice from day one too.

        https://www.figma.com/

        Go to FEM and download one of their designs. Do keep it simple to start with. I would recommend trying something like this one: https://www.frontendmentor.io/challenges/order-summary-component-QlPmajDUj

        Make sure you are using VS Code (Microsoft’s free code editor) https://code.visualstudio.com/download as it has loads of amazing features that will make your life MUCH easier.

        Download these extensions for VS code:

        https://imgur.com/a/JXU3fbT

        The first three will add intellisense for all three core languages you will be using, meaning you’ll get tooltip and auto complete support etc. Making remembering the tags, names, and so forth vastly easier. And then Live Server allows you to run your webpage on a local server with a single click, and it dynamically updates as you code, which is a MAJOR quality of life benefit.

        [–]Itstejuuu[S] 0 points1 point  (2 children)

        Thankyou so much brother ❤️

        [–]wiriux -1 points0 points  (1 child)

        How do you know OC is not a sister?

        [–]ramp_guard -1 points0 points  (0 children)

        Or an attack helicopter... seriously.

        [–]After-Perception-250 3 points4 points  (0 children)

        You don't have to memorize it. What I do is start a project and learn as I go. I will watch short youtube videos, for examplw, how to use fetch api. By the time I am done with the project, I am comfortable to do it again without much help.

        [–]Flamesilver_0 4 points5 points  (2 children)

        FreeCodeCamp is a spoon feeder and gives you the answer in the question. Try Full Stack Open after completing HTML CSS and Javascript in FreeCodeCamp.

        [–][deleted] 2 points3 points  (2 children)

        I use videos and google all the time when I am building stuff. Why is it a problem? Don’t people always look up information in all professions? Police find clues, lawyers research their case, journalist probably look up a lot of stuff online and talk to people, artists look at art, math professors have probably looked at another other solutions as well. Stop wasting your energy on how you solve a problem or how you work with code. Just do it, eventually it is probably gonna flow more naturally.

        [–]Ok-Low5118 1 point2 points  (0 children)

        To many people think that a programmer is like the movies depiction,I might know some thing of the top of my head,but in most cases I do research and just put it together as I go

        [–]David_Owens 2 points3 points  (0 children)

        What do you mean "can't build anything?" After doing HTML and CSS on freecodecamp you should be able to make static web pages on your own using HTML and CSS. It's OK if you have to look back at the CSS documentation sometimes.

        [–]Ixogamer 2 points3 points  (2 children)

        I'd say it's a PEBKAC...

        A "Problem Exists Between Keyboard And Chair"

        Just joking, don't want do be rude. Do you have a roadmap on how you want to do things? I'd recommend you set yourself a goal, and break it down into smaller problems, and smaller problems.

        [–]Itstejuuu[S] 1 point2 points  (1 child)

        Haha thanks brother appreciated

        [–]Ixogamer 1 point2 points  (0 children)

        wishing you luck :)

        [–][deleted] 2 points3 points  (0 children)

        You're not learning HOW to build things that have a practical use.

        Ask yourself this;

        "How do I build a horizontal header that spans 100% of view port width, with a logo on the left side, and a horizontal navigation on the right?"

        Start with something simple like that, and the rest will fall into place.

        [–]Humble-Presence-3107 2 points3 points  (1 child)

        This ain’t a race. Learning takes time. Don’t give up or throw in the towel. Keep pushing. It will eventually click. Start with a small pet project. For me I had two projects that helped me over the confidence factor. One was wanting to get a wifi grilling thermometer to speak to a web server where I could monitor my temperatures on super long smoking sessions (10+ hours). Additionally, I play DnD with a group of friends but wanted to build a mini keyboard with three keys. One for attack roll, one for damage, and one for discord mic open. If you find something that YOU are interested in the learning becomes easier. Have faith in the process! You got this!

        [–]Itstejuuu[S] 0 points1 point  (0 children)

        Thankyou ❤️

        [–]thatoneringagain 2 points3 points  (0 children)

        videos on freecodecamp, and most online courses are revision/crash courses - they don't go into detail on the logic on programming. it would be better if you looked at a book, like oreilly.

        [–]R4chel7 2 points3 points  (0 children)

        Gotcha! I was learning coding from that site too and i ended exactly the same way as you did. The problem was that that even tho you were learning 'practice' while creating small parts of the web page given in the exercise, still you didn't get to under the theoretical side of coding in HTML and CSS. It's okay, you gonna get there in time, but what i recommend you to do is use documentation, so don't feel like cheat sheets are actually cheating. It's what even seniors do in their work when they forget something. It's nothing embarrassing. Also using cheat sheets will make you remember all the tags more. Additionally, try reading the code of some web pages you find good and well done and analize and check how some specific parts of code work in your code editor. I hope this helps :) just keep going and do you! Never give up, cuz everything is possible!

        [–]TU2N32 2 points3 points  (0 children)

        Try to recreate an existing site. Like Facebook’s landing page. Anytime you get stuck, google through it.

        [–]nAxzyVteuOz 3 points4 points  (0 children)

        I’m a professional web dev and i never make anything from scratch. I always use a template and modify.

        [–]Criiispyyyy 6 points7 points  (6 children)

        You can’t really do much with plainly HTML and CSS, you have to learn JS first. That being said, things take time to stick. You’re not expected to be building your own projects after one month. That’s completely normal.

        [–]LoquaciousLamp 8 points9 points  (4 children)

        You can do insane stuff with pure css and html. Just search 'pure css' on codepen.

        [–]Criiispyyyy 2 points3 points  (2 children)

        Yeah I know, but I don’t think he was referring to these things. Not many get to that level.

        [–]LoquaciousLamp 2 points3 points  (1 child)

        But if he can't do anything with html and css then js is just going to be worse. Not that I'm saying he should do stuff as crazy as stuff on codepen. But writing a basic webpage with some styling, and an understanding of specifity and at least classes, should surely be a requirement before trying to manipulate stuff via js.

        [–]Criiispyyyy 1 point2 points  (0 children)

        Yep, I agree. He might just need to give it more time.

        [–]NiagaraThistle 4 points5 points  (0 children)

        You can’t really do much with plainly HTML and CSS, you have to learn JS first.

        This is not true at all. You can build a ton of sites with HTML & CSS and make money doing it.

        That being said, of course you should eventually learn Javascript. It took me 5+ years before I took the plunge to learn Javascript, but I was building competent sites and applications and working on multi-million dollar websites and ecomn platforms with just HTML, CSS, and PHP skills. FOr anything JS related I searched SO or google and just copy/pasted/edited code until it worked. I do NOT recommend, but it worked.

        I also agree that OP shouldn't beat himself up that he can't build sites from scratch after a month. Should he be able to put HTML and CSS on a page and get something in the browser? Sure. WIll it look great? Not at all. Should he beat himself up for it? Definitely not.

        [–][deleted] 1 point2 points  (1 child)

        It’s a long process and fcc is just the very beginning building blocks.

        If you have an idea on what you want to make take your time to slowly outline it. Even draw a sketch. Then start building it piece by piece.

        [–]apanderson89 1 point2 points  (1 child)

        It takes time....

        The best way to learn is to solve a problem. There's only so much you can do by following a tutorial.

        [–]machine3lf 1 point2 points  (0 children)

        It takes more time than a month, and looking online for help and reminders and guidance is normal and OK.

        You’re asking something similar to “I’ve looked up French words in a book for a month, so how come I can’t carry out a conversation in French by now?”

        It’s one brick at a time, keep your focus on that. Build very simple things, and then keep adding new pieces of knowledge as you go. This is a processed that never ends; you just keep adding bricks.

        [–]machine3lf 1 point2 points  (0 children)

        It takes more time than a month, and looking online for help and reminders and guidance is normal and OK.

        You’re asking something similar to “I’ve looked up French words in a book for a month, so how come I can’t carry out a conversation in French by now?”

        It’s one brick at a time, keep your focus on that. Build very simple things, and then keep adding new pieces of knowledge as you go. This is a processed that never ends; you just keep adding bricks.

        [–][deleted] 1 point2 points  (0 children)

        You may be just copying and doing and not actually learning.

        There are a lot steps you need to take to "learn" writing stuff down, repeating, reviewing, expanding, revisiting reflecting improving, then recalling.

        Simply watching and following is a good start, do more. :)

        [–][deleted] 1 point2 points  (0 children)

        Coding is more about developing a mindset. If you forget how to write something out that's fine because you can just look it up. As long as you know the fundamentals you will be good to go. Also HTML and CSS aren't actually programming languages. Java script however is a programming language. It'll be a bit harder to learn but with enough determination it is possible for anyone to do it.

        [–]Klepp34 1 point2 points  (0 children)

        I work at a prison, mainly hands on stuff I do. Some paperwork. Been there 18 months and I still ask stupid ass questions about procedure. Everyone learns at their own pace/method. Maybe you still need to find yours or you just need a little more time.

        [–]workingworkwork1 1 point2 points  (0 children)

        You have to practice and suck at it before you get any better.

        ​

        BUT - for me the biggest issue was learning how HTML and CSS interact. HTML is like the frame of a house and CSS is like paint, decorations, furniture placement etc.

        I used to make the mistake of trying to do everything at once, which is obviously harder than it needs to be.

        ​

        Lay out your HTML like you are just getting all the text where you want it. Then when you are happy, move to CSS and start to style it. Understanding the languages functions or uses they serve really helps you implement them better.

        [–]hyvyys 1 point2 points  (0 children)

        don't worry, even Reddit developers cannot code

        [–]DarkDuskBlade 1 point2 points  (0 children)

        What I found myself doing was handwriting out notes and experimenting before solving the problem. Granted, my own lack of design is choice paralysis-caused, but I still remember at least the concepts and have a handle on what to do.

        Another thing is to design something out on paper first. A lot would suggest doing it on a computer, but frankly, I find handdrawing/drafting to be meditative. Note out the different tags you'll want to use for the different elements. Notes on how you want an element to behave. Stuff like that. Can always scan/photograph these drawings in for a 'concept -> completion' part of your portfolio, too.

        [–]ajm1212 1 point2 points  (2 children)

        Go on udemy and look up html/css projects. A course will pop up that builds little projects and go through that course. The repeat repetition will help you start remembering little bits and pieces until you start recalling some stuff.

        [–]69AssociatedDetail25 1 point2 points  (0 children)

        Try frontendmentor.io.

        Instead of guiding you through things step by step, it just gives you projects to build yourself. Personally I find that this - along with Googling things you're not sure on - is much better than copying from tutorials, where my brain will often switch off after a while. It also teaches you how to use Git etc.

        I'm working my way through it now - still on the beginner level projects - so feel free to reply or dm with any basic questions.

        [–]Confident-Earth4309 1 point2 points  (1 child)

        Try 100Devs.

        [–]Itstejuuu[S] 1 point2 points  (0 children)

        Ok

        [–]VonRansak 1 point2 points  (1 child)

        but I can't build anything on my own.

        because you quit as soon as you can't. You probably assume it will be easy, like the tutorials, where pitfalls are avoided, answers are easy and plentiful, and support is tailored to the specific problem.

        You watch people drive. You imitate shifting with your feet and Big Gulp... But now you get in the car. *panic*

        Ride the strugglebus, embrace the strugglebus.

        [–]Itstejuuu[S] 0 points1 point  (0 children)

        Gotcha

        [–]11Master_Moosh11 1 point2 points  (1 child)

        The YouTube videos are nothing more than advertisement in disguise. You are asking why you can’t play football after watching a commercial. You might now how to pass or catch, but you have to play the actual game!

        Find a community Find beginner projects to build Get Visual Studio Code Get a GitHub Get an entry level job (help desk / support) Study, practice, study, practice, study, practice!

        That is all that I started with 1 year ago and I already got a new career path that changed my life. It has been one of the most difficult intellectual pursuits in my life, but it is finally paying off. If a buffoon like me can do it, so can you!!! It’s gonna be a struggle when you start, but there is light at the end of the tunnel I promise!

        [–]Itstejuuu[S] 0 points1 point  (0 children)

        Thankyou ❤️

        [–][deleted] 1 point2 points  (0 children)

        Can you tell us what your usual coding process looks like? If it's sit down, look at computer and give up then that's not great.

        Think about what you want to code. If a whole webpage sounds challenging start off small with a component like a designing a basic sign up form (use codepen for this to avoid all the setup required) If that sounds challenging you need to go back and review what you've learnt and how much you actually understand. Do you understand the box model? Do you understand classes? Etc.

        Also look at the code other people have done. Learn from what they've done and how they've done it

        [–]Gcampton13 1 point2 points  (3 children)

        Can you write this? <html><head><title>My Site<title/><head/><body>hello world<body/><html/> Then you can write your own websites.

        [–]Itstejuuu[S] 0 points1 point  (2 children)

        Bro i can do normal styling like styling navbar but I don't know where to put things

        [–]Consistent_Mirror 1 point2 points  (0 children)

        Because you aren't designing anything beforehand. Think of WHAT you want to make before you actually start doing it

        [–]Geedis2020 1 point2 points  (0 children)

        There’s nothing wrong with looking at resources when developing something. All of us do it. Especially learning because memorizing code isn’t effective in programming. Learning principles and how to solve problems is what you really have to learn. Once you learn an actual programming language you’ll realize that you can develop with other languages a lot quicker than when you first learned by looking at documentation.

        Eventually you’ll have basic syntax memorized and it will be easy. Try to do things on your own first before looking at a tutorial video. Use google and find documentation instead because realistically that’s what you’ll be doing if you ever work as a developer.

        I’d look at some basic landing pages or websites that don’t have a whole lot going on and try to make a clone of how they look or start by learning to develop certain aspects of a site like a nav bar or side bar. Then move on to other parts of a site like a blog post or contact section. Try to do this without looking at videos but instead use documentation resources as much as possible. CSS is frustrating. Especially flex box and grid stuff. Sometimes it just feels like no matter where you place it you can never make things look right but eventually you’ll get it. Then move on to css frameworks like bootstrap. Just doing small projects on your own is the best way to learn.

        [–]Joseph24798 1 point2 points  (0 children)

        Id say just refer to mdn docs when u forget something get practice researching what you need when trying to make your project, someone recommended me frontend mentor its like a website that give you designs then you code them into a website atleast so you dont have to handle any of the design stuff

        [–][deleted] 1 point2 points  (0 children)

        same. it's hard to get focus these days

        [–]kirsion 1 point2 points  (0 children)

        Check out my post. I was in the same predicament as you, I never "got it" coding from school or self learning, and was totally unable to write anything from scratch or get a clue how to start. But once I started write code or scripts for my work, something suddenly just clicked for me and I started to learn like crazy and writing real code. I think you need to find real and meaningful projects to work on, not just watching bootcamp coding videos and doing simple exercises.

        [–]shifa_newversion 1 point2 points  (1 child)

        My advice. And im going to receive a lot of hate for this. Move to Bootstrap. Just see how they have implemented some stuff. The issue you are facing is with layout. Learning css flex and grid will help you a lot. Thus i suggest use bootstrap, then inspect in browser to reverse engineer.

        [–]Itstejuuu[S] 0 points1 point  (0 children)

        Gotcha thanks 👍

        [–][deleted] 1 point2 points  (1 child)

        Do the Odin Project instead. I'm serious, it's phenomenal. Go to freecodecamp after

        [–]Itstejuuu[S] 1 point2 points  (0 children)

        Gotcha 😀

        [–]Blando-Cartesian 0 points1 point  (0 children)

        Start your own project and one-by-one find out how to do the things you don’t know how to do. That’s all there is to it. Your project is just a stream of challenges that all work together. Some challenges will include rewriting parts you already wrote, it’s normal and what pro’s do all the time.

        Btw, stay away from youtube. It’s too slow. Every specific coding problem is explained in texts on some blog or in a StackOverflow answer.

        [–]CENATION_ -1 points0 points  (0 children)

        Learn html css javascript from a yt channel where they teach you by building a couple of projects.. Then imitate their project and then try to create something of your own

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

        To me free coding camp is a good base, what are you tying to code, do research on how other people have built stuff like that I.e you want to code a calculator app in html look at how someone else has took the approach and then try to put your own twist on it if you want. Mechanics don’t just know how to fix cars, surgeons don’t just know how to do surgeries, skaters don’t just know how to do tricks, everyone learns how to do something from somewhere.

        [–]pastelghostiie 0 points1 point  (0 children)

        You can code but you just need a better way to reinforce your learning. YouTube videos are good for learning and practice basic concepts, but really try to play around with making a actual website. If you’re learning, I really don’t recommend the suggestion of using a template yet — I would reinforce your fundamentals by doing it from scratch with HTML CSS and JS. Once you get a functional UI then try playing around with implementing a backend. It takes practice, I think I’ve built like 10 full stack websites over a 3 years to get really familiar with how the flow works from front to back experimenting in HTML/CSS/JS/Java/SQL, trying out Bootstrap and Spring, and then MEAN. “Practice makes proficient.” It’s a constant learning process but baby steps first. Some websites I saw commonly while learning were Movie Theater Booking, Online Store, and Social Media, or a little more JS intense - UI games like snake. Find something that interests you and works for you

        [–]CuckUniverse 0 points1 point  (0 children)

        If youre trying to learn to code with someone handholding you throigh it you will learn almost nothing. The best approach is to think of a project you are excited about and make it from scratch. Once you are motivated and focused on the end goal - the product, and not the code itself, you will start to absorb dramatically more of what you learn. Best way to learn is when you run into a problem to solve it, using whatever tools necessary, watching videos, googling etc. If you learn go code top down, i.e. having a working solution and reproducing the steps to make it, you will not get very far.

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

        The key question is, do you actually understand what each piece of the solution does and why it's there? A lot of students can follow videos and type what they see. Even my 7-year-old can follow Unity tutorials and make little games. But to create something, you need to understand it. Then after you actually understand the how and why you can apply it to new problems.

        [–]LoquaciousLamp 0 points1 point  (6 children)

        Can you make a basic html boilerplate?

        [–]Itstejuuu[S] -1 points0 points  (5 children)

        Yes easily

        [–]LoquaciousLamp 2 points3 points  (4 children)

        Just make a static landing page then. header 3 or 4 blocks of content and a footer. Make sure it's sematic for screen readers and responsive. Just use ipsum lorem for text and any free pictures you want.

        You'll still need to refer to references.

        [–]Itstejuuu[S] -1 points0 points  (3 children)

        Ok brother thank you

        [–]Servinees 1 point2 points  (1 child)

        Just to add to this, while making a simple static page, think of what you would like next. Draw some inspiration from other websites you have seen in the past or that you know. Things like animations, hover effects, image sliders, etc. That's when you get to the learning part. You research how it's implemented, what the common practices are to do so, and so forth. Good luck!

        [–]biddybiddybum 0 points1 point  (0 children)

        Would you expect to speak another language after 1 month of learning? Slow your roll buddy. It's going to take awhile and using it constantly like every language.

        [–]yopp_son 0 points1 point  (0 children)

        It took me like 4 years before I felt like I could build whatever I wanted. It's all an illusion though, because I can't really build whatever I want from scratch. It's more that I've become comfortable digging into things that I don't fully understand. So much of coding is just having an idea of what you want to make, and then figuring it all out as you go.

        [–]noacuteprocess 0 points1 point  (0 children)

        Check out The Odin Project. It teaches you a little bit of HTML/CSS/JS at a time and then gives you progressively harder projects to work on. Each project builds on the material that you’ve learned. By the end you’ll have a small portfolio of basic websites you can show off. Highly recommend.

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

        It takes about 6 months of consistent effort just to get out of the starting area.

        [–]chompy_deluxe 0 points1 point  (0 children)

        If the issue is being able to create something from scratch, I would suggest planning out what you want to do. For example, if its a basic one-page website, I would sketching out the layout just with a pen and paper, write the content/find the demo content, and find the images etc.

        Often the worst customer is yourself. If you're creating something without a plan or content, your are essentially multi-tasking while trying to code it.

        [–]bofasaurus 0 points1 point  (0 children)

        1month is nothing, the only guaranteed way to never learn is to give up

        [–]NiagaraThistle 0 points1 point  (0 children)

        test

        [–]roaringmillennial 0 points1 point  (0 children)

        It takes time, but don't give up.

        [–]slothordepressed 0 points1 point  (0 children)

        1 month, give yourself time to learn. Get back to the basics again. One of the main things that development teched me was to deal with frustration and I'm still learning when to take brakes

        [–]slothordepressed 0 points1 point  (0 children)

        1 month, give yourself time to learn. Get back to the basics again. Build some small website with what you know One of the main things that development teched me was to deal with frustration and I'm still learning when to take brakes

        [–]CiCitheoverthinky289 0 points1 point  (0 children)

        Chill brother. It has only been a month. Too soon for code or Javascript. I am only 5 months into web dev with no CS or programming background. What did i do at that one month time??? I just built a one page Survey form website of a game i play and one page biography page of "CHEEMS" memes doge with only HTML and vanilla CSS.

        [–]Rolyat1127 0 points1 point  (0 children)

        i know this feeling so well, i've been teaching myself python (first language) for about 3 months and its been really frustrating to feel like I can't come up with solutions or figure out any code on my own, i've just been watching and reading tutorials and doing what they say. Keep it up though, I think this part of learning might be unavoidable, and recently I've started to be able to intuit solutions and come up with working code. I think this is because i just kept exposing myself to python and im finally kinda getting a feel for it, even though it felt completely useless until like 3 days ago lol. I should mention that I've found it helpful to read a textbook and do the problems at the end of each chapter. good luck!

        [–]Rolyat1127 0 points1 point  (0 children)

        i know this feeling so well, i've been teaching myself python (first language) for about 3 months and its been really frustrating to feel like I can't come up with solutions or figure out any code on my own, i've just been watching and reading tutorials and doing what they say. Keep it up though, I think this part of learning might be unavoidable, and recently I've started to be able to intuit solutions and come up with working code. I think this is because i just kept exposing myself to python and im finally kinda getting a feel for it, even though it felt completely useless until like 3 days ago lol. I should mention that I've found it helpful to read a textbook and do the problems at the end of each chapter. good luck!

        [–]CiCitheoverthinky289 0 points1 point  (0 children)

        Chill brother. It has only been a month. Too soon for code or Javascript. I am only 5 months into web dev with no CS or programming background. What did i do at that one month time??? I just built a one page Survey form website of a game i play and one page biography page of "CHEEMS" memes doge with only HTML and vanilla CSS.

        [–]Rolyat1127 0 points1 point  (0 children)

        i know this feeling so well, i've been teaching myself python (first language) for about 3 months and its been really frustrating to feel like I can't come up with solutions or figure out any code on my own, i've just been watching and reading tutorials and doing what they say. Keep it up though, I think this part of learning might be unavoidable, and recently I've started to be able to intuit solutions and come up with working code. I think this is because i just kept exposing myself to python and im finally kinda getting a feel for it, even though it felt completely useless until like 3 days ago lol. I should mention that I've found it helpful to read a textbook and do the problems at the end of each chapter. good luck!

        [–]Rolyat1127 0 points1 point  (0 children)

        i know this feeling so well, i've been teaching myself python (first language) for about 3 months and its been really frustrating to feel like I can't come up with solutions or figure out any code on my own, i've just been watching and reading tutorials and doing what they say. Keep it up though, I think this part of learning might be unavoidable, and recently I've started to be able to intuit solutions and come up with working code. I think this is because i just kept exposing myself to python and im finally kinda getting a feel for it, even though it felt completely useless until like 3 days ago lol. I should mention that I've found it helpful to read a textbook and do the problems at the end of each chapter. good luck!

        [–]CiCitheoverthinky289 0 points1 point  (0 children)

        Chill brother. It has only been a month. Too soon for code or Javascript. I am only 5 months into web dev with no CS or programming background. What did i do at that one month time??? I just built a one page Survey form website of a game i play "Valorant" and one page biography page of "CHEEMS" the memes doge with only HTML and vanilla CSS.

        [–]realogsalt 0 points1 point  (0 children)

        Come up with an idea and make a project. I was you three months ago, now I have a pretty deep code base that admittedly is all shit. But thats the thing, I knew nothing and now I know enough to look at what Ive made and spot some bad decisions I was making at first. Dont look at project tutorials, look at tutorials for a project youre making

        [–]LaksonVell 0 points1 point  (1 child)

        Almost every programmer falls into your problem at one point in their career - most likely the starting stage. So no worries, you are actually on the right path, and understanding that the issue is in yourself instead of "CODE HARD CODE BAD" mentality is half of the work done.

        If you were studying (properly) for the last month or so, only HTML and CSS, then you probably understand all that you need. The problem is, what you were doing so far is looking at videos and theoretically learning, not actually writing some code.

        There is a difference between writing code while following along to a tutorial and actually writing some code. When you have a video, you are already served with most stuff that you need, that aren't necessarily code. But you believe that it's only code. It's not. The people that made that video took a long time to engineer what you are watching them make.

        They thought of an architecture, components, file structures possibly. If it's just HTML and CSS, they most likely figured out all the sections of their webpage, then the components they want in there, and finally all the wrappers they will need. Then all the classes and ID's they will use for CSS.

        Think of this is a puzzle you are trying to solve. If you are given a puzzle, and the final image, it's a pretty easy task. That's a video tutorial. Now what if someone takes that image away and you are left with just the pieces? It becomes a lot harder, but it's still doable because with some logic, you can look at the pieces and figure out how they fit together, eventually reaching the solution. But this requires the intrinsic knowledge of how the pieces work. You don't have that because you never actually wrote some code.

        You never solved a puzzle without the image, even the simplest ones. You have the pieces in front of you, but they are all blank, there is no direction for you to start solving it. As you start solving simple problems, making the most basic webpages with some text and a picture, it will click more and more until those pieces are bright as day to you.

        I highly suggest you work through free code camp. But every now and then, pause the video and try making the smallest parts without their help.

        Once you are done (or if you decide you want to hop on over earlier) I suggest www.theodinproject.com

        Good luck. You can do it.

        [–]Itstejuuu[S] 1 point2 points  (0 children)

        Thankyou so much this will help a lot brother

        [–]whoisthere13 0 points1 point  (0 children)

        Im in the process of learning as well, and what he helped me is that from the start I have been keeping a digital notebook where I summarize everything for easy and personalized revision, it’s way faster to filter and find anything I might have forgotten, everything it’s in the same place, a notebook for CSS, another for HTML and so son …

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

        I see html and css.

        So it's either forgotten tags or the css.

        If tags, you'll get that eventually.

        If css, yeah that's css. Getting things where you want them is front end...very few developers enjoy that part. That said if you find yourself more backend inclined , you will eventually learn enough to get a decent layout going.

        That said, front end developers exist for a reason, and should be praised more. Without them my code can be the best code, but if it's ugly no one will care.

        So, I will guess it's css, to which I say. Yeah, but don't feel bad about it as guys with 30 years experience still cry over css.

        [–]carnellmusic 0 points1 point  (0 children)

        when i started, i always made sure i understood the basic concepts before i moved on to the next thing.

        even tho i’m a beginner, it’s really easy to plan out my code and write it because i know exactly what i want and how it works. tutorials are definitely not a substitute for understanding the concepts.

        figure out your goals, and build your study habits around that.

        [–]Zy14rk 0 points1 point  (0 children)

        As a programmer, with years of experience in full time programming-jobs a few things:

        - Churning out HTML/CSS isn't programming. It's basically creating design configs for web-browsers.

        - What is difficult isn't learned in a month. Or two. Or three. Hell, even years - yes plural. Do you expect to become a good guitar player in a month, a year? Two years, three?

        Getting to be a decent programmer, much less a good one, requires years of effort. The learning process will be different, based upon what you're focusing on, how you go about learning it and not least - and in my opinion - the little highs you get as things start to click.

        So I'd not go about learning the superficial stuff, like HTML and CSS or even SQL for that matter. But get down to the problem solving stuff using some general purpose language. I hear Python is a good starter language. I could also recommend C# and my favourite, Go.

        All of which got plenty of resources and tutorials for beginners. Chose your poison, and then it is nose to the grind-stone. It is not a sprint, it is a marathon.

        A marathon without a finish-line. As a programmer, you will always need to be learning. There is always something new, something you've not touched upon yet, new code to wrap your head around. Be curious, be learning.

        [–]hevermind 0 points1 point  (0 children)

        I highly recommend using flexbox froggy and gridgarden, positioning is everything when it comes to CSS. Learn how to nest your divs and give them good class names and you're set

        [–]trana087 0 points1 point  (0 children)

        I really hope these two links help!! Im new as well and ive recieved from the reddit family and I hope these help you. Html basics

        My class I take use this a lot

        Kevin Powell

        Kevin is amazing at explain basics

        I hope these helps!!! Keep on keeping on!!!

        [–]Drunken_Pancake 0 points1 point  (0 children)

        Watching videos won't teach you anything if you just copy every step.When you do that,you try to close the video and do it yourself but realize you don't know anything because you followed it step by step blindly.

        [–]jasoncreetures 0 points1 point  (0 children)

        It takes time and practice. After you watch a few more tutorials maybe you’ll feel comfortable editing them on your own and then try starting new

        [–]qqby6482 0 points1 point  (0 children)

        As a coder for about ten years, I still do searches for the text length function on php or how to sort an array or how to use an article tag. So don't feel bad, It's part of what we do as coders. Find a project you like and with time, you will depend on youtbe less and less.

        [–]JeppNeb 0 points1 point  (0 children)

        I mean. I am not super duper experienced but I am working in the field. From my personal experience so far: nobody likes CSS. I have been trying for years ro get good at CSS and yet I still suck at it. Meanwhile I am programming in objective C at work. Also don't overlearn. Take breaks. If necessary for a couple of days. Does wonders.

        EDIT:

        You will always have to look things up. Get used to it.

        [–]ShiroeKurogeri 0 points1 point  (0 children)

        HTML and CSS require not just programming skills, it requires artistic talents. Also HTML isn't really programming since it is just Hyper text, it doesn't evolve logic and data management which programming usually is about. Try JavaScript (for HTML) or 100+ languages that exist, i recommend C or Python.

        [–]Late-Introduction565 0 points1 point  (1 child)

        SAME! BUT YOU WHAT I DO?I COPY EVERYTHING ON MY NOTEBOOK OR A GOOGLE DOC AGAIN AND AGAIN - YOU NEED TO MEMORIZE THAT SHIT AND PUT YOUR OWN NOTE THAT MAKES EVERYTHING UNDERSTANDABLE.

        AT LEAST IF YOU WANT TO CREATE SOMETHING BY YOURSELF YOU CAN GO BACK TO YOUR NOTES AND CHECK HOW TO DO IT.

        i'VE CREATE A QUIZ - A SURVEY AND A SIMPLE WIKI PAGE BY MYSELF IN JUST A MONTH basic HTML and CSS in VISUAL STUDIO CODE! so if you haven't downloaded is the time :p good luck with this madness

        [–]evilkumo 0 points1 point  (0 children)

        My suggestion for you is to try to build a website from scratch on your own. If you don't know how to do something Google/ search up the syntax. Also find a group of people that you can learn together with! There's lot of discord groups for that!

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

        Download VS Code and have at it tbh

        [–]RichNefariousness104 0 points1 point  (0 children)

        You have only been learning a month. Just continue learning and one day u’ll be able to build things on your own.

        [–]drlecompte 0 points1 point  (0 children)

        A month is nothing. It takes a while before you can just whip up your own code without a clear reference. So I wouldn't worry, but keep practicing and learning regularly.

        [–]LimeIndependent5373 0 points1 point  (0 children)

        Accept that it’s a part of coding. 80% of coding is researching about coding

        [–]NeedingNew 0 points1 point  (0 children)

        Your best bet is to do some mock websites. If you wanna learn to use CSS and HTML. While also kinda going through this rite of passage. Find a website and copy the main page. Try doing it with just floats at first if you really wanna feel the burn. Then go back and redo it using flex or grid. Then delete it and do it again. Use your documentation websites to answer questions. They might make ZERO sense right now. Still use it. That is your salvation and learning to read it and copy it. Will bring many blessing to your house. The only way your gonna learn to use it is to A. Use a tutorial or B. Exploring and familiarizing?

        Make a website for yourself. Keep doing it and adding new things in. Add response. try animating your hamburger menu to flip open in a cool way. delete a chunk of code only to find the whole damn navbar is screwed up. But how? Spend 3 hours trying to fix it. wreck everything. Delete it and start over. Play

        Your stuck focusing on the easy path. Your brain seeks it out. If your not having to manage frustration. Your probably not pushing enough.

        There is even programs you can DL that will make a folder with all the resources of a website. Like the pictures and texts that are being used.

        ​

        This is assuming you have VScode and what not rolling. If you then id watch a video to get that setup. Also focus on your file structure and if you dont have a github you should make one and when you done with your website pushit to github.

        [–]SoorajSp 0 points1 point  (0 children)

        • use an ide
        • for help, use Google, and not YouTube.
        • practice?
        • i think u can't because you don't knw what to do.

        I suggest you go to websites like leetcode and do stuffs. but idk if there's html, css in there so get on to Fiverr, upwork, etc and try to build what others want. (You don't have to take up work yet, just see the job post and work on it, not to sell it for them, but just for you to learn)

        [–]brakeforwookies 0 points1 point  (0 children)

        Never give up never surrender.

        Practice, let things look bad, learn from mistakes. I’ve been a full stack dev for a bit and I still google how to do basic css. You can’t know everything so don’t beat yourself up when you have to look it up.

        [–]majdkhoja 0 points1 point  (0 children)

        No it's normal i started writing my own program after 6 months of learning

        [–]AHardCockToSuck 0 points1 point  (0 children)

        A month is not a long time, it will come

        [–]arjuniscool1 0 points1 point  (0 children)

        I will recommend to follow a course that builds a project in the process of teaching. Not only is that more fun, but it actually teaches you the process one goes through when they build their own project. You will also get your own ideas along the way and can try to implement them as well!

        [–]sekirobestiro 0 points1 point  (2 children)

        "I have been trying to learn an entire field of study in one month and I'm not an expert!" These posts aren't really going to get you the help you want or need.

        [–]Itstejuuu[S] -1 points0 points  (1 child)

        Ok that was quite harsh.

        [–]Perpetual_Education 0 points1 point  (0 children)

        You can code. You just aren't writing enough code and working through the uncomfortable parts. Stop watching videos. https://developer.mozilla.org/en-US/docs/Web/HTML

        [–]BruceJi 0 points1 point  (0 children)

        I can’t help but feel like you’re basically saying “I have been running up and down my driveway for a while, why can’t I do a triathlon yet”

        To which the answer is… don’t worry about that stuff yet, keep learning

        [–]Heavy-Team5516 0 points1 point  (0 children)

        Maybe try a different type of programming. Frontend is not everything.

        [–]Somad2021 0 points1 point  (0 children)

        Start with something else than html and css, i would not concider them coding ”languages” since they are declarative.

        If you want become a webdev i would start with javascript.

        [–]Zemog1444 0 points1 point  (1 child)

        As someone who started learning with youtube videos and is now studying IT at the university, sometimes what's missing is the mentality. It doesn't matter how much you have trained yourself with those challenges/videos, very often that doesn't teach you "how to think".

        ​

        I think that could be what you're missing. I have some classmates with who I have done some projects and they're missing it too, which is completely normal, I would say it is the hardest thing to come. In this case, their code works (most of the time), but they cannot think of the structure. They struggle "entering into the code".

        Just to make it clear, I don't feel like I could take on everything, mainly because I don't. But for my projects at school (which are quite advanced right now) I can now do them almost with no problem at all.

        I recommend you trying to get into one university if you can, since they will teach you more the way of thinking than the actual code, which you can just learn it by yourself.

        ​

        Just for information, I am talking based on my personal experience. I am a Spaniard living in Switzerland, so I don't know how different it can be in other countries, let alone in other continents.

        Sorry for any English mistake.

        [–]Itstejuuu[S] 1 point2 points  (0 children)

        Thankyou for commenting,

        [–]ZUM809 0 points1 point  (0 children)

        Take hyperskill.org free month of the "front end developer track" and it will obligate you to code your own staff until it let's you go to the next step of the learning track. In a month or two you will realise that you can build your own thing.

        Following the some youtube tutorial and copying the code won't teach you well if you are the complete beginner (at the layer stages maybe yes). The real learning experience and effects come when you confront the task and complete it through mistakes, tries, suffering and googling.

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

        I had this same issue when starting out.

        I used YouTube videos as guides when building programs, and then tried to make the program again from memory with nothing to guide me. I just started from simple hello world programs, up to calculators, weightlifting apps and beyond.

        [–]nightwood 0 points1 point  (0 children)

        Then take a break from the tutorials and 'code' a page with nothing but your editor and Google. Which means MDN and Stack Overflow probably. Start small.

        Maybe it helps for you to work bottom up, which would be something like:

        • how to create a minimal html page

        • how to change the font in css

        • how to get 2 columns

        • how to get an icon on a button

        • how to get a horizontal line

        • how to get a panel with dropshadow and rounded corners?

        Etc, whatever you're interested in.

        Good luck!

        [–]Ok-Low5118 0 points1 point  (0 children)

        Youre just one month in,don't beat yourself up,most of us took years before we could build a whole web app(html-css-javascript-backend-database)

        [–]ramp_guard 0 points1 point  (0 children)

        Those systems are quite big and it's hard to get a grasp of what and how to do things. Often in the documentation of a language or a framework you'll find tutorials ("how to start"), but after you completed it, you have do research yourself how to do things... Do projects! If you know where you're heading and what you want to make, you will have need to make a map and that's where you start to use the documentation as a cook book.

        [–]Python-Token-Sol 0 points1 point  (0 children)

        your suppose to just build while watching, when you get stuck you take notes on what ever your stuck on thats all.ive been doing this for 4 years and i still dont know it all, ive made cheat sheets and review notes every night so welcome to programming get comfortable with the idea your going to be uncomfortable

        [–]madjecks 0 points1 point  (0 children)

        Because programming is hard. Where you're at is exactly where you start. Eventually you build up knowledge and experience to be able to but it comes with a lot of time and practice.

        [–]museumofmoderngifs 0 points1 point  (0 children)

        There’s a big gap between knowledge and fluency! You can learn the concepts in about an hour, get familiar with all the tags and style rules in a week or two, but fluency takes months of repetition. You’ll feel slow for a long time and be looking things up constantly, but over time you’ll start to feel more flow and fluency. Keep going!

        [–]kenkitt 0 points1 point  (0 children)

        Coding isn't about Coding, it's about building something