Learning to program webpages & web applications

What to learn with…

Updated 2016 December – after 100+ hours of podcasts etc along with 300 hours of dev time.

So this is just what I’ve experienced and tested.  I started out looking for free programs and tools to use to see if I liked coding web pages.  Three years ago, NodeJS had not seen the surge it is now in the java side of things.  Currently, Phoenix/elixir, Ember.js, flask/elixir & symfony2 look amazing.  I plan on doing more with them later.  To search for more yourself, try googling – full stack developer – which is anyone who handles both the database & server structure along with how the page will look.  This is the layout of resources I’ve actually used myself.  It does not include much on the process of how to build a career or get hired.  I’ll try to post something on that another day.  For now I have this from the snippets I found in my drafts … Link .

So you want to learn to code … but what way works best? … [ExplanationLink],[Quiz Link]

Online class formats


  • Ruby tutorial called – https://pakyow.org/docs/warmup/view – html & ruby in place of java for everything including chat clients.
  • Great pre-checklist of things to touch on before doing a class … [Link]
  • Project Odin:  learn a smattering of languages & focus on ruby on rails after … [Link] … my favorite class for how they explain.
  • CodeAcademy … [Link] … education site, I used their free java, java objects, javascript, jQuery, ruby, ruby on rails, RoR auth, python
  • Udemy … [Link] … education site, I used their free java program.  They have a great selection of nontechnical skills like wireframing to design, then skills that are intermediate to advanced like server pooling,
  • Udacity … [Link]
  • Coursera … [Link] – some free
  • eDx … Lots of classes from major universities including Cloud Computing … [Link]
  • Free Camp Coding … [Link]
  • Project TreeHouse … [Link] … used to be free, has a trial these days
  • Cave of Programming … [Link]
  • Mentorships – [Link]
  • Reddit’s mentor sub reddit – [Link]

Other guided learning paths

Ruby Tutorials

Beginning to end walk through’s of making things

  • Sinatra … [Link] – a simplified single page application on the web based using Ruby code, sharing many of the things that Ruby on Rails does.
  • Ruby on Rails … [Link].  Rails is the defacto structured language framework.  Solid, core abilities & replacements for anything you don’t like.  It’s the original that everyone copies.  Run it on  cloud9 webIDE & do the Sinatra framework to learn first.   At the enterprise level it can be more expensive to host as it does not handle concurrency level – not an issue till you have millions of users though!
  • Deployment environments for Ruby on Rails … [Ansible].


  • Phoenix Framework … [Link].  Based on elixir & erlang.  One of the heirs to the Ruby on Rails, solving the concurrency issues built into Ruby on Rails like node.js but with enough structure to be faster to develop.

Java / Javascript / Jquery / Java frameworks

Java is simply the base language of this family.  It is found everywhere.  Javascript & JQuery attempt to make webpages & applications more friendly for the users.  JQuery requires server interaction, while javascript does not.  The java frameworks of course attempt to host & serve information off servers to people, though some can do stand alone applications just on a cell phone or tablet.

  • Beyond basics in java – learning common datastructures & algorithmns for solving problems. … [Link]
  • A great java online program … [Link]
  • Node.Js … java served via web
  • Jquery … [Link].  Great starting point for people interested in javascript on the web or mobile applications.
  • Ember.js … [Link].  A great structured style of convention over configuration.  Recent updates to the database element which was it’s weakness before.
  • Node.JS … [Link].  Don’t start here, but eventually if doing high concurrency check this out if you do java – pheonix is supposedly better..  Free walk through for the java framework’s fastest grower. MVVC.
  • Spring … [Link].  Have not done more than read through this one, but it’s on the list.
  • Silex on Symfony … [Link].  A micro php framework.
  • Lumen on Laravel … [Link], [Link].
  • Symfony2 … [Link].  PHP framework.


IDE Tools

(IDE’s that let you write code & host your application)

Hosted IDE’s that are internet/cloud based …

  • Cloud 9 – program and run your webpage while small
  • Eclipse
  • Orion – based on eclipse (well known IDE on desktop)
  • Heroku – has free servers, specializes in hosting webpages with applications
  • Amazon AWS – web based hosting with 1 year free trial

Offline / non-hosted IDE’s …

  • Eclipse – does everything with addons
  • JetBrains – java’s JVM & Android, more java if you pay
  • Sublime
  • TextMate
  • Notepad++ – windows only
  • Mozilla’s IDE
  • Virtual Box – for when you have to work offline but want the same environment on all computers
  • Vagarant – for setting up & saving configurations inside the virtual box the same each time from computer to computer – tutorial
  • Puppet – more configuration for a variety of work environments
  • Code Climate – static analysis for code performance and is free for open source projects.

Code Test Tools

(test a small part of code  or design the layout before using it)

  • Jfiddle … test a piece of your code in java/css/html here
  • Python Fiddle … test a piece of your code in python here
  • codepen.io … another ide over the internet
  • Cacoo … design the layout of a page & how the page looks before you code
  • Sketch App … free trial of program taking your scribbles and making them useful in designing an interface.
  • w3c schools – CSS & HTML reference guide along with basics of many languages.  They have a test IDE that is great too.
  • Gulp – front end design

Getting help

(Websites for consulting with people and getting help)

  • Stack over flow – for a single question per post on what is wrong with a piece of code, used for specific problems, not theories … Link
  • Code Review – by stackoverlow Link – they have a chat feature that’s awesome & they specialize in looking over code & making suggestions or fixing bad chunks.
  • Rails Coaching – Newer program
  • Reddit’s /r/learntoprogram is pretty amazing for getting opinions – be humble my friends.
  • Reddit’s Mentoring – Link

Repository Tools

(Save every change you’ve made so you can go back if things don’t work)

  • Git Hub – Uses “git” utility language (awesome once you learn it).  Free if you don’t mind your code being visible to the world, pay to hide it.  Advanced GIT
  • Bit Bucket – Uses “git” utility language.  Allows you to hide your code.
  • Gitorious – Newer git repository service.  Have not used much.
  • SVN – Older but still used repository tool, especially at the corporate level.

Database styles

(The style you want is based on what you will do with it)

  • MS Access posts it’s own webpage for editing since 2008 (laugh, it’s bad – but for some people it’s all they need – until it breaks)
  • SQL styles – mysql – wikipedia, microsoft or ms-sql
  • NOSQL styles – like mongoDB, Redis, Casandra (facebook runs on it & they have one of the largest databases in the world – which most companies don’t need)


  • Free advanced penetration for security course? – Link

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s