Return to Level1Techs.com

Alwaysflooreds' website travails

websites
devember2k18

#1

I, @alwaysFlOoReD , will participate to the next Devember. My Devember will be to make a personal website . I promise I will program for my Devember for at least an hour, every day of the next December. I will also write a daily public devlog and will make the produced code publicly available on the internet. No matter what, I will keep my promise.

I want to make a website to host my blatherings, but most important, to host my pics that I can then link to from other forums. I want control over what happens to my pics, not be held ransom like Photobucket did. I have almost no knowledge of how to do this but I think I’m going to host with AWS. From my bit of research there will be next to no cost unless my website gets extraordinarily popular. I already have a domain name thru Namecheap, I just have to figure out how to make this happen.

About a year ago I had this idea and bought some books thru kindle.
-Hosting Static Websites on AWS by Meg Brown
-Overview of Amazon Web Services by AWS whitepaper
-Cloud Computing for complete beginners by Ikram Hawramani
I will have to skim over them again as I never did carry thru with my plan.


#2

Good luck bro!


#3

Looking forward to seeing what you produce! :slight_smile:


#4

That sounds like an awesome project!
I’m looking forward to seeing what you come up with. :+1::slightly_smiling_face:


#5

I didn’t get to re-reading my books. Instead I went online using DDG to search “website building with AWS”. I found and bookmarked a couple sites;


For whatever reason I thought that AWS had something to use to build a website, That doesn’t seem to be the case. They host the site and I have to upload my already built site to AWS.
So now I searched “building a website” and it seems most recommendations on
https://www.quora.com/How-does-one-build-a-website-from-scratch
are for “Wordpress”.
Tomorrow I will do some research on Wordpress and maybe start on building my site to upload to AWS.
Anyone have any other recommendations?

PS; This “devember” seems like a good way to keep motivated. I was quite tired after work and normally would have just vegged, instead I followed thru on my pledge. Yay!


#6

I looked at Wordpress tonight;

The free site doesn’t give me the options I want and I’m not willing to pay a monthly subscription for the options I want. Tomorrow I will look at how to build my own site. I will check khanacadamy.org;
https://www.khanacademy.org/computing/hour-of-code/hour-of-html
And freecodecamp.org;
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5
and Little Web Hut;
https://www.littlewebhut.com/
and Udemy is having a flash sale with courses starting at S14.00
https://www.udemy.com/topic/web-development/

This is a deep pool I’m diving into!


#7

Udemy seem to have plenty of good courses. They do sales quite often, so worth picking a few up when they are cheap.
I have a big pile of shame in there though, things like this help keep me motivated though!


#8

Try Ghost instead of Wordpress (unholy abomination).

This is just because of the pain that is the clusterfuck that is wordpress. Or make your own! It’s easy :slight_smile:


#9

Looked at Ghost, too expensive for me and I would need coding knowledge anyway so I will learn. It turns out that I have already been doing some practice with html5 on khanacademy and freecodecamp, but that was over a year ago…I forgot about that. I also bought 2 courses on Udemy;
Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap
By Irfan Dayan
Build a real world responsive website with Html 5 css 3 & JS
By Adil Ahmed
I will start on these tomorrow.


#10

May I suggest https://gohugo.io/?

It’s a static site generator written in Go - uses Markdown for content, HTML for templates, CSS for styling, and then a single static binary (built in Go) for managing it all!


#11

I will totally try that out, thanks! …learning something new every day. :slightly_smiling_face:


#12

Today I briefly checked out @Tobbbles suggestion. It looks promising. Today I worked a 12 hour shift so am shutting down early [normally work 5-6 hours because bad knees].


#13

The previous 2 days I put in about .5 hours each reading various web pages. Today I decided I needed to actually do something, so went back to Khanacadamy and reviewed some html that I started 3 years ago. Ill post some code when I get to my computer.


#14

I’m very new to HTML and CSS, so I don’t know what I’m doing either, but I watched through these a while ago and they seems to have given me a decent place to start.

As far as I can tell his tutorials are very detailed and easy to understand.

Now I’m using various websites to recap.
@akaiotak pointed this one out, and it has been useful more then once.


#15
<head>

    <title>Challenge: Write a Poem</title>

    <meta charset="utf-8">

</head>

<body>
    <h1>Froggie</h1>
    <p>Froggie in the ditch<br>
    Froggie by the ditch<br>
    Froggie by the road<br>
    Froggie on the road<br>
    Froggie all OVER the road.</p>
    
</body>

Froggie

Froggie in the ditch
Froggie by the ditch
Froggie by the road
Froggie on the road
Froggie all OVER the road.


#16

From me, I highly recommend freecodecamp. It starts you off from the basics of HTML, then slowly guides you up the work to become a front end website dev.

I personally haven’t finished all the courses, but the most appealing things to me are 1) featured in many media outlets, making it credible and 2) gives certification for when you complete the courses, adding to your resume!

I feel like this is a really good way to build a resume while also building you project. Ultimately, it’s your call though :slight_smile: Good luck! Can’t wait to see the product!


#17

https://blog.hartleybrody.com/static-site-s3/


#18

bootstrap is your friend.


#19

^^^ thanks.

Today I spent an hour on freecodecamp working on their basic html5 course. I got up to “Basic HTML and HTML5: Nest an Anchor Element within a Paragraph”. I will carry on tomorrow.


#20

Another hour on freecodecamp. Made it to;

Basic HTML and HTML5: Use HTML5 to Require a Field