Personal website

[HeaterUp]

Hey guys,

As I head into winter break I am going to start working on a project of making my own website, unfortunately I have no front end experience, but tons of back end experience. So this is kinda me getting my foot into some front end and full stack development. Anyways my question is what languages do I need to learn to accomplish this? To give a little more background I'd like it to have several different pages like a home, a way to view my resume on another page with options of how to download it, and awards and other interesting stuff on another page all connected. Is HTML and CSS the best bet? Last thing, any videos anyone recommends for learning html and css if these are the languages.

Thanks for any responses in advance.

Feel free to ask if you need more information 

[reniat]

html/css/javascript are pretty much the bread and butter of modern front end design. Even desktop applications are (slowly) moving that direction with things like electron apps, or even just rendering in embedded browsers on the desktop (that's what one of our solutions do at where I work).

 

For extra points, pick up a modern framework/library like React, Angular, or Vue. Node JS is also pretty valuable to learn in general.

[myselfolli]

I'd start with pure HTML/CSS/JavaScript and maybe jQuery (although I recommend understanding JS first and then moving to the way simpler jQuery).

 

I'm not a huge fan of frameworks, although there are some good ones out there to get you started.

Maybe have a look into the one @reniat mentioned, plus Bootstrap?

[iLostMyXbox21]

Sololearn and W3Schools are good places to learn, they are where i learned html and css at, i mostly used solo learn for the learnnig and w3schools for application of what i learned to see how it will turn out without wasting space

[AgtLucas]

Try https://www.codecademy.com, it's good for beginners.

[BenCamps]

Go ahead and find a static site generator you want to learn. You can probably find one written in a language that you know if that makes you more comfortable. 

staticgen.com has a handy list of static site generators with which languages they use.

 

A static site generator is essentially a piece of software that takes some content (usually in the form of markdown, images, and other resources) applies it to a template and spits out all the html, css, and js files for your site. 

Templates are generally a mash-up of html, css and placeholder stuff. You can start from scratch with your own templates or work from templates created by others. But this is a quick and effective way to get off the ground creating a website on par with something you could create with something like Squarespace, for a lot less money  ( sorry Linus I hope this doesn't get you in trouble with your advertisers )

 

GitLab offers Free static site hosting for most common static site generators. The way this works is: you set up all the content and templates on your computer, you upload it to GitLab using Git, GitLab generates the site using the generator you select and puts it up. 

[Dat Guy]

Don't use JavaScript unless you have a very good reason to. Just because "everyone does it" it is not a "you must have it".

[Spev]

I think coding a small single-page website from scratch in HTML/CSS/JS is a good start. This will kinda give you an initial idea how some of the main languages that go into web development work. Once you feel comfortable you could explore some frameworks like React.