|Register On Nairaland / LOGIN! / Trending / Recent / New|
Stats: 3,109,586 members, 7,673,810 topics. Date: Monday, 11 December 2023 at 11:54 PM
Table of Contents
Section 1: Setting Up Your Environment
Section 2: The Browser
The Browser Object Model
Section 3: Window Methods
Window Methods and Events
Document Object Model – DOM
Section 4: Programming Basics
IF ... ELSE
IF … ELSE IF
Nested If Statements
The NOT Operator
Section 5: Arrays and Functions
Arrays and Loops
Functions That Call Other Functions
Section 6: String Manipulation
Strings - Changing Case
Strings - indexOf
Strings - charAt
Strings – substr
Strings - Split and Join
Hi I am interested
Waiting for the class
Section 1: Setting Up Your Environment
1. Open the web browser you are using and type in
3. Open the Chrome browser and look for an Options circle in the top right corner – click it and you will see some more options
4. Select More Tools and then Developer Tools
5. Now select Console and the console pad will load. You should see the symbol > on it – this is your command prompt and it is where all your code will be input.
Now you can begin to use the console in Chrome so take the time out to explore it; learn what it is all about and how to use it.
There is a shortcut to open your console:
● Download and install Chrome
● In the address bar, type about: blank and a blank page will load.
Now let’s look at text editors. You can choose any that you want but I would recommend Brackets
1. Open your web browser and type in http://brackets.io/
2. Download the version that corresponds to your operating system – Linux, Windows or Mac
When you open Brackets for the first time, you will be presented with a project named “Getting Started.” Onscreen instructions will show you how to use the features in Brackets
● Opening a folder is simple – click File>Open Folder. You will see this in the file tree that is to the left of your screen. This is your projects folder and it has some settings related to it. To move between projects, simply click on the root folder name in the tree or you can drag the relevant folder form your operating system into Brackets and it will open.
● Instead of showing your opened files in tabs, Brackets shows them in a list titles “Working Files” and you will find this above the tree. Clicking on a file in that tree will allow you to view the file but it won’t get put into the Working Files List. This way, you can look through the files without having to open each one. Any changes that are made to a file will be put automatically into the Working Files list and to add a file to the list without having to edit it first, you simply double-click the name.
To begin with, a single editor will be on show in Brackets view but you can split it so you see two editors. These can be horizontal or vertical and to choose, click View and then on Horizontal Split or Vertical Split. The main view will now show as two and you can view two files at the same time. You will also get another Working Files list so you can see what is open in each pane. You can also drag files between the two panes.
Brackets is very clever in that, whatever view layout you had for each project, it will remember it. Opening a project will show you which layout was there when you saved and closed the project. To close split view and go back to a single pane, just click on View and then on No Split. You won’t shut down any open files by doing this; the separate lists of Working Files will now be merged into one and all changes will be stored until you chose to discard or to save them.
Have a play, learn your way around Brackets and then open a new console, ready to start coding.
TechExpress:send me the ebook to this email firstname.lastname@example.org
|Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health |
religion celebs tv-movies music-radio literature webmasters programming techmarket
Nairaland - Copyright © 2005 - 2023 Oluwaseun Osewa. All rights reserved. See How To Advertise. 95