back to main?

Useful Links

-------------------------------------------
#0: USEFUL PROGRAMS
-------------------------------------------

Notepad++ (Windows, LinuxWine) THIS IS YOUR BEST FRIEND!!!
XAMMP (Windows, Linux, Mac) For a localhost server to test your backend!
FIleZilla (Windows, Linux, Mac) for FTP, Tutorial here

PHOTO EDITING
Photopea COMPUTER WEB BROWSER ONLY! 
PhotoScape (Windows, LinuxWine) for easy photo editing!
Photoscape X (Windows 10, Mac) An updated vers of Photoscape.
paint.net (Windows) for more in-depth photo editing

iPAD OS
Though I wouldn't reccomend using an iPad for web development,
With the power of bluetooth keyboards, you have a mini computer at your fingertips!
If it is your only option, here are some apps you can use:

Koder FREE An excellent FTP/SFTP code editor for editing files on a server.
Kodex FREE A plain simple code editor.
play.js FREE a Javascript IDE.

------------------------------------------
#1: FRONTEND DESIGN (HTML, CSS)
------------------------------------------

BEGINNER WEB DESIGN RESOURCE:
w3schools HTML tutorial/resource
w3school's CSS tutorial/resource

A good HTML&CSS textbook
HTML for Kids WARNING: EYESTRAIN! if you want anyone young 
to learn, I reccomend this. I used this when I was 10 and its basic HTML.

VALIDATE YOUR CODE!
(You dont really have to, but it teaches you how to keep a clean, balanced code
so you know what youre looking at when you come back after say, a week)

-------------------------------------------
#1a: Learn your ART!
-------------------------------------------
Designing websites, in itself, is art!
So you must become an artist...

Web Design Principles

Kao-Ani Web Design  Tips list

Color Theory
Generate Color Palettes
Color Palettes from an Image
Google Fonts

Cute icon fonts 1 and 2

GET INSPIRED!
Behance

-------------------------------------------
#1b: Javascript
-------------------------------------------
Javascript is its own section as it is where you 
begin the prgramming aspect of web design.
CODEACADEMY: Learn Programming COncepts

w3schools javascript resource


-------------------------------------------
#2: BACKEND RESOURCE (PHP, MySQL, Perl, ect.)
-------------------------------------------

BEGINNER BACKEND RESOURCE:
PHP Docs
SQL in 10 minutes (a day) book
Learn Perl

-------------------------------------------
#3: FULLSTACK (Frontend & Backend) RESOURCES
-------------------------------------------

TBD

-------------------------------------------
#4: LEARNING COMPUTERS & SERVERS
-------------------------------------------

LEARN DOS:
Dos for Dummies, 3e 
If you don't care for overused puns and simplification of things, 
this book gives great tips. Helpful if youre really young.
CodeAcademy: LEARN COMMAND LINE

LEARN LINUX:
TERMINAL LINE FOR BEGINNERS

What is FTP?


-------------------------------------------
#5: COMMON FRAMEWORKS, RUNTIMES, ECT.
(Makes your coding life much easier)
------------------------------------------
You MUST be familliar with the command line before you
can use some of these. These make coding much easier and can compile things
for you.

PLEASE: Get a hold on the vanilla/basic aspect of coding (not using injected code), 
before you start using any script "libraries".
As you learn to build your own code, you will set yourself up for success in 
the long run as you get ready to make bigger projects. THEN you can start hitting
up librarys!


HTML
BOOTSTRAP 
The most common frontend web deisign framework.
BOOTSTRAP Themes 

CSS
SASS (CSS Compiler) Allows variables, nesting, and 
some other goodies to make CSS easier.

JAVASCRIPT
NPM JavaScript Dependency Agent, Used to 
install "libraries" (pre-made code) for JavaScript development.
Node.js A common runtime that doubles as a 
development for JavaScript/JQuery scripts.
NW.js uses Node.js to create Computer 
Applications... Using websites/ web development! (Discord uses this)
CoffeeScript Simplified Script that compiles into JavaScript

JS LIBRARIES
jQuery (The most Common Javascript Library) Documentation
React.js A Responsive JavaScript library

PHP
LARAVEL A modern framework for Web Artisians, uses both PHP & MySQL
Cake PHP Old, tried and true framework.
Composer a PHP dependency agent like NPM.

RUBY ON RAILS
Makes making web applications easy, apparently.
Note you must learn ANOTHER programming language, Ruby, for this
LEARN RUBY
GET STARTED WITH RUBY ON RAILS

-------------------------------------------
#6: FINDING A DOMAIN & HOSTING
-------------------------------------------
First off, What is a web server?
How does this work?
Learn what DNS is

FOR DOMAINS
GoDaddy been online for years, pretty trusted
NameCheap I use this and trust it! Bought my domain &
hosting here, 55$/yr for unlimited bandwith is hard to pass-up.

FOR HOSTING 
If you are not going to make your own server, you can also try web hosting.
NOTE THAT ALL HOSTS HAVE THEIR OWN TOS YOU MUST COMPLY TO, READ THEM THUROUGHLY!
What is Web Hosting?

	Terms: 
	WYSIWYG (What You See Is What You Get) these are builder sites that require
	no scripting options what so ever, but are LIMITED on what you can do and can 
	be limited on what you can host. Only use if you really just want to quicky 
	put out a site like a portfolio.
	Static hosting are hosts that only run on HTML, CSS, and some JS.
	Dynamic hosting are hosts that allow the use of PHP, but no databases.
	Fullstack Hosting is what it says on the tin: all scripting is allowed! 
	They are almost-always a premium option though.

You probably want to avoid the Google Cloud and Amazon Web Services as these
are MEGA CORPS that like to sell your information. (Plus you might not be able to 
trust their security, either)
NEVER USE A SEPERATE IMAGE HOST Please learn from my mistake, these host
eventually die out or enact outrageous premium plans (Photobucket), and you WILL LOSE 
your images. Video and Music can be hosted on a seperate site like YouTube (eugh)
Dailymotion, or Vimeo. However If you have enough banwidth, you can host these as well.

I'm listing sites I and friends have used before, and I trust these sites with a good uptime. 

SquareSpace PREMIUM WYSIWYG
Weebly FREEMIUM WYSIWYG

Github Pages FREE STATIC, for project pages only.
You must have a GitHub account (it's free!) If you pay for Pro, you can link a domain as well.
NeoCities FREE	STATIC
Angelfire FREEMIUM STATIC one of 
the OG site hosts from the 2000s, the free tier is EXTREMELY limited tho.

HostGator FULLSTACK Been online for years.
DreamHost FULLSTACK been online for years
! Can be expensive for larger sites!
NameCheap FULLSTACK

-------------------------------------------
Fun Tidbits
------------------------------------------
Textfiles.com textfiles from the 90s.
PLEASE BE WARNED THERES A BUNCH OF WILD RANDOM SH!T ON THIS SITE.