Building my expertise with most of these or those that provide a resource.

1. WordPress

   Free BUT NOT really if you want more! You can create a free website with Wordpress if you don't have a domain name. If you have a domain it's likely you'll have hosting. If you don't you'll need a web hosting service or a web server which can be a home PC if you have a fixed IP address and good security. If not you will need a hosting service and they will more than likely have a self install service for a range of Content Managment Systems like WordPress. But it's not free if you don't like the free templates or you want additional functions and services. The worst part about WordPress or any CMS is the constant updates.

2. Template Toaster

   Template Toaster with a range of Templates for responsive websites and CMS. WP, Prestashop and Joomla are CMS

3. Adobe PhotoShop

   The best but not the cheapest. See more such as Pixlr. You can create a website for free though.

4. GIMP

   GIMP GNU is Free like Photoshop but not. Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with sophisticated tools to get your job done. You can further enhance your productivity with GIMP thanks to many customization options and 3rd party plugins.

5. ATOM

   A hackable text editor for the 21st Century - Better than Notepad++

6. Design+Code/Sketch

   Is a vector design tool entirely focused on user interface design. It is easy to pick up and costs a fraction of the price of Photoshop. Because of its simplicity, anyone with little to no training can learn Sketch. It is perfect for designing for multiple devices, and delivering assets is a breeze.

7. Balsamiq

   Free Wireframing tool

8. Lightshot

   For Screenshots

9. WAMP and MAMP

   Apache Web server, PHP Processor, MySQL. Look for MAMP too.

10. Notepad++

    Web page editor for it all!

11. Chrome Development Tool

    Chrome Browser app - Debugger

12. WYSIWYG

    Website Builder

13. Bootstrap

    Like HTML, CSS and JS Website builder.

14. HTML Ipsum

    A whole lot of meaningless Words with a purpose!

15. Pictaculous

    Upload an image and get a matching colour palette

16. Adobe Color Wheel

    It's a Adobe, who in design or photography has not heard of Adobe.

17. jsforcats.com

    js for Cats and new pet owners, anyone really. Learn some js people. And if you want to learn som javascript create a website and write about js.

18. Pixlr.com

    Including VECTR for graphics.

19. Free images

    StockUnlimited Images

20. CSS Tricks Website

1. SketchUp

   Drawing Software for designers and engineers.

2. OpenPYxl

   A Python library to read/write Excel 2010 xlsx/xlsm files. Find out more by simply running the video.
   

   
   
   
   
3. Python for Everyone

   Python is a an exciting programming language with so many useful features and possibilities that you'll be hooked in no time. Helps if you have some programming expertise.
   Python is supposed to be easy to learn, you decide but I'm told that it doesn't have to be a major goal because it is easy to learn. Pick it up as you go along. Of course you need to know what Python does or you wont know what to do with it.
   Wikipedia of course has the answer and it's defined as a high level programming language. It's "Design philosohy emphasises code readability and it's syntax allows programmers to express in fewer lines of code than would be possible with C++ or Java."
   Helpful resources are Flask.org, Pyramidproject.org and dJangoproject.com.
   It has also been said that Python is the best starter programming language with many Universities using Python to introduce students to programming. Learning Python, which is a server side program should be linked to PHP, Node.js, Rails and Java. Learning all of these will direct you toward a role as Server-side programmer.
   Just a reminder that HTML, CSS and front end js are Developer/Designer related code, these alone should be enough to find a job in web development if that's your goal.
   
   Here's a video.

Other things worth knowing

1. Docker Containerisation - it is that, puts all your aps in one box in the cloud.


2. Virtulization Make better use of your resources. Hypervisors can sit on top of an operating system (like on a laptop) or be installed directly onto hardware (like a server), which is how most enterprises virtualize works.

3. JSON

   Setting a Object Variable:
   Objects defined by { , or : }
   var myCat = {
   "name" : "Meowsalot", "species" : "cat", "favFood" : "tuna"
   
   An Array Variable:
   Setting a Variable using an array:
   var myFavColors = ["blue", "green", "purple"];
   
   Or Forget all that stuff above and do it like this!
   Example.
   
   var thePets = [
   {
   "name": "Meowsalot",
   "species": "cat",
   "favFood": "tuna"
   }
   {
   "name": "Barky",
   "species": "cat",
   "favFood": "tuna"
   }
   ]
   
   That's a bit of JSON. See JSON.ORG

If you're looking at Developer jobs then this page I've started may be of use. Job Ads