- My Forums
- Tiger Rant
- LSU Recruiting
- SEC Rant
- Saints Talk
- Pelicans Talk
- More Sports Board
- Fantasy Sports
- Golf Board
- Soccer Board
- O-T Lounge
- Tech Board
- Home/Garden Board
- Outdoor Board
- Health/Fitness Board
- Movie/TV Board
- Book Board
- Music Board
- Political Talk
- Money Talk
- Fark Board
- Gaming Board
- Travel Board
- Food/Drink Board
- Ticket Exchange
- TD Help Board
Customize My Forums- View All Forums
- Show Left Links
- Topic Sort Options
- Trending Topics
- Recent Topics
- Active Topics
Started By
Message
Trying to learn basic coding stuff (super basic) for a class and I am a little lost.
Posted on 2/8/21 at 4:12 pm
Posted on 2/8/21 at 4:12 pm
SO the professor is very hands off and wants us to sort of wing it and learn on our own to a degree. Not asking anyone to do any work for me or anything. But if anyone is aware of some decent websites that offer some basic fundamental insight for using vim for html and css on a Mac, it would greatly appreciated. I am stumped at the moment on making a form in html for an assignment but I cannot figure out how to differentiate between different labels (as some are required fields, like when you fill out something on line and they have the asterisk by certain things like your name/email, etc). I have the required function correct but I cannot figure out how to set up a class target to differentiate between the fields that are "required" and are not (as the required fields need to be styled in red color text and the non required in black text). However, as it is now all of my fields are currently red. Is anyone aware of any youtube channels or sites that can provide some basic guidance?
I'm such a newb at it, that when I search things on the subject, most of it goes over my head and confuses me more. I appreciate any input and if this is a stupid question I apologize. Thanks baws.
Edit to clarify: I am using vim, as the class requires, on my Mac but I am pretty sure that this is not how real coders go about doing these things but I imagine the teacher is wanting us to use the bare minimum basic html/css in vim to help learn building blocks, and I am not sure if downloading a plugin or vscode would be out of the parameters of what we can use. (if that makes sense). Sorry, like I said I am a green horn at all of this but I am trying to learn as much as possible without having to try to use any additional software, so I can master this very basic lesson. I appreciate an input, especially from my TD brethren, as much of what I google leads me to things that are further confusing me and "over my head."
I'm such a newb at it, that when I search things on the subject, most of it goes over my head and confuses me more. I appreciate any input and if this is a stupid question I apologize. Thanks baws.
Edit to clarify: I am using vim, as the class requires, on my Mac but I am pretty sure that this is not how real coders go about doing these things but I imagine the teacher is wanting us to use the bare minimum basic html/css in vim to help learn building blocks, and I am not sure if downloading a plugin or vscode would be out of the parameters of what we can use. (if that makes sense). Sorry, like I said I am a green horn at all of this but I am trying to learn as much as possible without having to try to use any additional software, so I can master this very basic lesson. I appreciate an input, especially from my TD brethren, as much of what I google leads me to things that are further confusing me and "over my head."
This post was edited on 2/8/21 at 4:20 pm
Posted on 2/8/21 at 4:21 pm to BorrisMart
stack exchange with help you with abunch of the answers you may have
As far as the professor being hands off, I find that it's the best way to learn coding. Hand holding learning programming prevents the programmer from learning how frustrating it can be to program when your program won't run properly (was trying to see how many times I could fit program in a sentence).
ETA: Dump the Mac for programming

As far as the professor being hands off, I find that it's the best way to learn coding. Hand holding learning programming prevents the programmer from learning how frustrating it can be to program when your program won't run properly (was trying to see how many times I could fit program in a sentence).
ETA: Dump the Mac for programming
This post was edited on 2/8/21 at 4:21 pm
Posted on 2/8/21 at 4:39 pm to BorrisMart
The answers you want will be found on google. First look for some vim beginner tutorials if you need help learning how to use it. Next google what you are trying to do and check out some of the examples that come up.
For a specific site to look at for examples, I've always liked w3schools.
Here is their page on using css on input fields in a form. It should have the answers you need there. LINK
I may be misunderstanding your question, but the CSS isn't going to "figure out" which fields are required, you're going to tell it which fields are required by using different classes on different types of fields. Look at the "Hoverable inputs" example on the page I linked. You'll see they get a different color hover on each field by using a different class on each input tag.
For a specific site to look at for examples, I've always liked w3schools.
Here is their page on using css on input fields in a form. It should have the answers you need there. LINK
quote:
I cannot figure out how to set up a class target to differentiate between the fields that are "required" and are not
I may be misunderstanding your question, but the CSS isn't going to "figure out" which fields are required, you're going to tell it which fields are required by using different classes on different types of fields. Look at the "Hoverable inputs" example on the page I linked. You'll see they get a different color hover on each field by using a different class on each input tag.
This post was edited on 2/8/21 at 4:44 pm
Posted on 2/8/21 at 4:47 pm to BorrisMart
Uh you should need 2 semesters of vim as prereq if you need to use it for another course.
Assuming you have the 'required' attribute on your required fields, css has "pseudo class selectors" where you can do input:required { ... set styles here ...}, and they should be applied to all required fields. There are a million ways to accomplish a desired result, though, and I'm not sure if you're supposed to do it a certain way for the assignment. Like are you supposed to be writing your own css classes?

Assuming you have the 'required' attribute on your required fields, css has "pseudo class selectors" where you can do input:required { ... set styles here ...}, and they should be applied to all required fields. There are a million ways to accomplish a desired result, though, and I'm not sure if you're supposed to do it a certain way for the assignment. Like are you supposed to be writing your own css classes?
quote:Some real real coders definitely use vim for day to day work like this. But yeah more modern editors like vscode help a TON.
I am using vim, as the class requires, on my Mac but I am pretty sure that this is not how real coders go about doing these things
Posted on 2/8/21 at 4:48 pm to TigerinATL
wow, thanks guys. I think its definitely a "class" target input for css. So thanks for pointing that out. I agree that hands on is definitely best, its just hard to figure out which way is up when you're starting from scratch. I will look into w3 schools and try to find some basic youtube videos again. I got a little dissuaded but I think that maybe I was just on a video that was over my head (atleast where I currently am) but thats part of it, and I understand it. Thanks again. greatly appreciated.
Posted on 2/8/21 at 4:48 pm to gaetti15
quote:Eh I don't much care for Apple anything, but tons of programmers (particularly web devs) use macs.
ETA: Dump the Mac for programming
Posted on 2/8/21 at 4:55 pm to BorrisMart
The very basics of "wiring up" css is you have an html element (in your case an input) and you assign one or more classes to it.
Then in your css you will have
quote:
<input type="text" name="field-1" class="class-one">
<input type="text" name="field-2" class="class-one class-required" required>
Then in your css you will have
quote:
.class-one {
... maybe some base styles here ...
}
.class-required {
color: red;
... more styles here for required fields ...
}
This post was edited on 2/8/21 at 4:59 pm
Posted on 2/8/21 at 5:28 pm to gaetti15
quote:
Dump the Mac for programming
But why? Almost every professional developer I know uses a Mac for work
Posted on 2/8/21 at 5:44 pm to tlsu15
quote:
But why? Almost every professional developer I know uses a Mac for work
I'm a statistician by trade, so not in the development world. Should have clarified that with my response

Posted on 2/8/21 at 6:01 pm to BorrisMart
Don't go ask questions at Stack Exchange. A lot of those guys are pricks and will tear you a new a-hole.
W3schools.com is great place to learn HTML and CSS for free...and is a great resource when you need a refresh on your code objects, syntax, etc.
W3schools.com is great place to learn HTML and CSS for free...and is a great resource when you need a refresh on your code objects, syntax, etc.
Posted on 2/8/21 at 6:20 pm to lockthevaught
haha thank you. I tried asking earlier on stack overflow and most were extremely nice but there were a few that were like wtf this is too basic to even really ask on here. But I can't disagree with that, I'm just a little lost and figured id come to TD instead since most everyone here is helpful and nice. Thanks for the heaps up on stacks exchange. I will look at w3 now.
Posted on 2/8/21 at 6:55 pm to BorrisMart
HTML Forms are a total clusterfrick. Labels become armed and operational when they either wrap the field they serve OR if the Label's *for* matches the field element's *id*.
I'll use vim if I'm only modifying a few lines. Normally I use an IDE (Integrated Development Environment); which a glorified text-editor with a gazzillion helpful plugins. IDE's take a while to setup and customize, so it may not be worth the trouble if you'll only writing a handful of files.
I would suggest testing your script expressions in the browsers' build in dev tools. You can run Javascript directly in the live page you're writing and test them as fast as you can type. In Chrome, it's right click then "Inspect". The "Elements" shows the page and "Console" is an interpreter you can use.
For DOM rules on forms, I would recommend:
LINK
CSS, here's a selector you may use a lot to hit the invalid fields:
LINK
I'll use vim if I'm only modifying a few lines. Normally I use an IDE (Integrated Development Environment); which a glorified text-editor with a gazzillion helpful plugins. IDE's take a while to setup and customize, so it may not be worth the trouble if you'll only writing a handful of files.
I would suggest testing your script expressions in the browsers' build in dev tools. You can run Javascript directly in the live page you're writing and test them as fast as you can type. In Chrome, it's right click then "Inspect". The "Elements" shows the page and "Console" is an interpreter you can use.
For DOM rules on forms, I would recommend:
LINK
CSS, here's a selector you may use a lot to hit the invalid fields:
LINK
Posted on 2/8/21 at 7:58 pm to tlsu15
quote:
But why? Almost every professional developer I know uses a Mac for work
I can count the number of pro developers I've known that used Macs for non iPhone development on one hand.
Posted on 2/8/21 at 8:00 pm to Woodreaux
Thanks woodreaux. I emailed the teacher yesterday and asked about getting vscode or a similar program that sort of "streamlines" the process (not sure if thats the right term, but something with more practical plugins) but he hasn't answered so I am assuming he's just making us do this basic vim stuff to just learn the lower basics of it. I've always wanted to learn this (wish I would have dabbled on my own years ago) but getting started is just as confusing as I expected it to be lol.
Posted on 2/8/21 at 10:30 pm to GetMeOutOfHere
quote:
I can count the number of pro developers I've known that used Macs for non iPhone development on one hand.
Ok? I’ve worked for 3 software companies (none of them iPhone apps) and I can count the number of guys who used Windows (1. The number is one).
Not saying you should use one or the other but to suggest you shouldn’t be doing web development on a Mac just isn’t great advice.
Posted on 2/8/21 at 10:31 pm to gaetti15
quote:
I'm a statistician by trade, so not in the development world. Should have clarified that with my response
Yup, this makes sense then.

Posted on 2/9/21 at 7:27 am to tlsu15
I prefer Ubuntu. I get what I need and I don't have to pay out my arse for a mac.
This post was edited on 2/9/21 at 7:28 am
Posted on 2/9/21 at 11:28 am to tlsu15
I'm not saying toss it if he has one, but for web development, you can use Windows, Linux, Mac, C64 (ok maybe that's a stretch) doesn't make that much difference for the most part.
Posted on 2/9/21 at 12:41 pm to GetMeOutOfHere
quote:
I'm not saying toss it if he has one, but for web development, you can use Windows, Linux, Mac, C64 (ok maybe that's a stretch) doesn't make that much difference for the most part.
I can see how Mac might be a hassle (or present some limitations) for people that actually know what they are doing and working on real projects. the class is just a basic class, which I won't be actually doing development for a living it was just a cool elective. The whole topic is extremely interesting though so I figured I would take it seriously and try to actually learn some stuff.
Finally figured it out, but now my drop down select feature for "class year" is throwing me error codes when I try to submit the form to the server. idk. Either way I'll stop bugging y'all, and keep messing with it. Thanks for the guidance baws.

This post was edited on 2/9/21 at 3:49 pm
Posted on 2/9/21 at 6:54 pm to BorrisMart
I need a code just to read all that text you posted on the screen
Popular
Back to top
