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 by BorrisMart
La
Member since Jul 2020
9001 posts
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."
This post was edited on 2/8/21 at 4:20 pm
Posted by gaetti15
AK
Member since Apr 2013
14050 posts
Posted on 2/8/21 at 4:21 pm to
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
This post was edited on 2/8/21 at 4:21 pm
Posted by TigerinATL
Member since Feb 2005
62437 posts
Posted on 2/8/21 at 4:39 pm to
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

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 by Korkstand
Member since Nov 2003
28997 posts
Posted on 2/8/21 at 4:47 pm to
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?
quote:

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
Some real real coders definitely use vim for day to day work like this. But yeah more modern editors like vscode help a TON.
Posted by BorrisMart
La
Member since Jul 2020
9001 posts
Posted on 2/8/21 at 4:48 pm to
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 by Korkstand
Member since Nov 2003
28997 posts
Posted on 2/8/21 at 4:48 pm to
quote:

ETA: Dump the Mac for programming
Eh I don't much care for Apple anything, but tons of programmers (particularly web devs) use macs.
Posted by Korkstand
Member since Nov 2003
28997 posts
Posted on 2/8/21 at 4:55 pm to
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.
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 by tlsu15
Capital of Texas
Member since Aug 2011
10282 posts
Posted on 2/8/21 at 5:28 pm to
quote:

Dump the Mac for programming


But why? Almost every professional developer I know uses a Mac for work
Posted by gaetti15
AK
Member since Apr 2013
14050 posts
Posted on 2/8/21 at 5:44 pm to
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 by lockthevaught
Member since Jan 2013
2598 posts
Posted on 2/8/21 at 6:01 pm to
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.
Posted by BorrisMart
La
Member since Jul 2020
9001 posts
Posted on 2/8/21 at 6:20 pm to
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 by Woodreaux
OC California
Member since Jan 2008
2790 posts
Posted on 2/8/21 at 6:55 pm to
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



Posted by GetMeOutOfHere
Member since Aug 2018
898 posts
Posted on 2/8/21 at 7:58 pm to
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 by BorrisMart
La
Member since Jul 2020
9001 posts
Posted on 2/8/21 at 8:00 pm to
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 by tlsu15
Capital of Texas
Member since Aug 2011
10282 posts
Posted on 2/8/21 at 10:30 pm to
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 by tlsu15
Capital of Texas
Member since Aug 2011
10282 posts
Posted on 2/8/21 at 10:31 pm to
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 by BobRoss
Member since Jun 2014
1705 posts
Posted on 2/9/21 at 7:27 am to
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 by GetMeOutOfHere
Member since Aug 2018
898 posts
Posted on 2/9/21 at 11:28 am to
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 by BorrisMart
La
Member since Jul 2020
9001 posts
Posted on 2/9/21 at 12:41 pm to
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 by FLTech
the A
Member since Sep 2017
21111 posts
Posted on 2/9/21 at 6:54 pm to
I need a code just to read all that text you posted on the screen
first pageprev pagePage 1 of 2Next pagelast page

Back to top
logoFollow TigerDroppings for LSU Football News
Follow us on X, Facebook and Instagram to get the latest updates on LSU Football and Recruiting.

FacebookXInstagram