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.