Learn Web Development – The Super Simple Way

Installing Notepad++

To learn web development, we need a program that we can use to edit our files and manage our projects. Notepad++ is what I’m going to explain to use. First, download and install it. Done. Next, start it up. You notice the simplicity and ease of use. Everything is right there for you.

Here are a couple of things you want to set up.

  1. Multi line tab. Whenever you have more tabs than the window can handle, you want them to wrap around so you can find them easier instead of scrolling through, or clicking to drop down, etc.
    1. Go to Settings > Preferences.
    2. On the right of this pop up window, notice the Tab Bar section.
    3. Check the checkbox that reads Multi-line.
  2. CSS font by default is not the same font as other languages. Let’s fix that.
    1. Go to Settings > Style Configurator.
    2. In the first list on the left, under Language, find CSS.
    3. In the list next to it under Style, find and click TAG.
    4. To the right, under Font Style, change Font name from Batang to (blank), first option in the list.
    5. Click Save & Close.
  3. Time to get some plugins. Let’s open up Plugins > Plugin Manager > Show Plugin Manager
    1. Select the following plugins
      1. Compare
      2. Explorer
      3. JSTool
      4. NppFTP
      5. ScrollPastEOF
    2. Install them
    3. You will be prompted to restart. Notice how fast it restarts compared to other IDEs if you’ve used them in the past. It’s blazing fast.
  4. Now that we got some plugins, let’s use them.
    1. In the toolbar at the top, to the right, you will notice 3 icons.
      1. A folder with a lens – Explorer plugin
      2. A heart – Explorer plugin
      3. A folder with a link – NppFTP
    2. Click the explorer icon with the lens. Notice the new pane to the left.
    3. Notice how you can browse your entire computer.
    4. Navigate to C:\wamp\www
    5. Double click on the index.php file to open it.
    6. Any changes you make to this file will change your localhost website.

Next: Setting up our first server