Software requirement
Welcome to your very first Cyber-Lecture on how to drive the Internet. Today I'll make sure you know what development software to download, as per my initial statement on this
I gave you options
In the very least, you need to have FileZilla loaded onto your computer. Then you can carry on building your website just like in class. But that is beginner's way of working, where you have learned the basics of what you need to do...
If you haven't got the data you need to download better environments, then I will still support you, should you decide to stay in the world of using Notepad and FileZilla as your tools of the trade
Better options
For those of you who want to download better software, let's get started. Here you have two options...
- You can download the smaller program called Brackets. This program does not need Java. It's just an editor that's much better than Notepad, but you still need FileZilla to do your FTP work, or
- You can download the NetBeans IDE, for the fullest experience and highest productivity in the world of web development
NetBeans does not need FileZilla, but NetBeans does need a Java Development Kit
QUESTIONS?
Dragon : well, NetBeans sounds like the better option Phoenix : It does make life much easier
It's a wonderful environment!
- It does HTML
- It does PHP
- It does JavaScript
- It does Java
- It does C++
...and more!
The NetBeans package I will point you too is the one that starts out with HTML and PHP. The one I want is about 112 MB
But before we talk about NetBeans too much, we must got our Java loaded up!
Download Java 8
Phoenix, I know you have all the code already, but Dragon? Fox?- Black? Do any of you have any Java installed?
Dragon : no Black : Not yet. I just have Brackets at the moment
Well let's see if we can find the code and make a start. Phoenix, I want to put an Easter Egg on this, but you're excluded from the competition! Let's see who can find the right installation code first!
Phoenix : Sure thing
I want you all to search for the latest JDK 8. Just put that into your favorite search engine and see what you get, but don't install anything yet, not until we are all on the same page
HINT : I want to be on the Oracle.com website. Oracle are the people who bought Sun MicroSystems who invented Java
Dragon Java SE Development Kit 8 Downloads this one?
Bingo! Well done! You win the Easter Egg! ...but because of distance learning, would you like me to eat if for you now or later?
Which Java version
Right! Next question! Looking at the page Dragon has found for us, which option are we going to download?
Phoenix : We have a bit of a problem, Dragon has just been hit with load shedding. Phoenix : Apparently it isn't load shedding. A substation thing blew.
"A substation thing blew" .....high voltage transmissions systems are not designed to be switched on and off several times week. We are at risk of seeing more and more of this
"which option are we going to download?" ....depend on if you are using Apple!- or Windows!- and if you are using Windows, is that 32-bit Windows or 64-bit Windows?
And Black, what operating system are you on
Black : Microsoft Windows. Windows 10 64-bit
So in your case, Black, tell me which JDK (Java Development Kit) YOU want to download
For you, it should be the "Windows x64" one The one that says it's 210.92 MB And called jdk-8u241-windows-x64.exe
Right?
Black : Correct
Well then, what are you waiting for! If you have enough data, click on the file and let's see what happens
You've be asked to login
Oracle is a huge resource. They do databases, IDE's of their own, virtualization platforms, Unis and linux. So setup and account with Oracle and look after your log in information with them! They really are a nice group of people, doing all sorts of great work
When you find Windows just can't keep up with you, let me know if you'd like to try Solaris
Black : My internet is just a bit slow
NOTE : To find out your version of Windows, on My Computer (or This PC) > Right Click > Properties
Phoenix, Oracle even holds MySQL!- that you and me started chatting about
Right, lets move on, while you think about getting your JDK downloaded!
Download NetBeans 8.2
Okay Phoenix, this time you're included. Let's see who can find the right page first! GO!
Phoenix : Isn't this the newer version?
I have reason to want version 8.2, but to answer your question, yes, there are newer versions
Phoenix : Scroll down
(You might've had the right one there, but I'd rather be on the proper website for this)
- NetBeans 8.2 on NetBweans.org
USE ONLY THIS PAGE, to download the bundle of NetBeans 8.2 that I want you to have on your computer. But once again, before you download anything, be sure to select the correct bundle
Phoenix : HTML5/JavaScript or All
I want the PHP bundle!- and in this case you'll see that the HTML5/JavaScript and PHP bundles are the same thing. You'll see the PHP bundle is up to 112 MB, while the All bundle is 221 MB
The, "All" bundle
The "All" bundle is a bit bigger, but it includes everything! We are hoping to do a bit of Java programming, at some point towards the end of the year. I don't want to do tonnes of Java coding, but I would like to give everyone a taste of what Java's all about
So you decide which one to download. I'd say go for the smaller one, the "PHP bundle", and then only when we need more, we can simply tell our NetBeans to download and add-in the extra functions that we want
Phoenix : Does the PHP bundle have what we need for now?
Yes! that's a very good point actually! Thank you, Phoenix, for your offer to assist our students to get everything running
Phoenix : Just don't want anyone to make mistake at the start and then find them later.
True. I am always a little nervous about installing programs onto computers, but these programs shouldn't give you any trouble. They have both been around a long time
QUESTION: Have you read everything that I posted at the top of this Chat Group? Be sure to confirm with me that you have!
Phoenix : Yup Black : Yes
Installing NetBeans
Once you've installed JDK 8, you need to install NetBeans. Both are painless installs, but I am here just in case you find you have any issues
Progress anyone?
Phoenix : You know mine is already installed Phoenix : How far are you guys
There is quite a bit of work involved, to setup your very first, "PHP Project" in NetBeans, so as soon as you have your NetBeans up and running let's make a start on that
Phoenix : If I remember correctly it can take sometime for it to install.
Yes. Be careful to allow the installation program to do everything that it has to. Do not rush.
PHP Project
Once you have NetBeans running, there's a number of steps to work through to get your first PHP project up.
Remember that I've told you that PHP is backwards compatible with HTML! That means that even though I want you to develop a PHP project, we are STILL only going to develop HTML pages. This will help us later in the year, when I introduce you to a bit of PHP
Phoenix : Would you mind looking at my code, it is not making sense.
Let me see the code first. I think I'll want to work on this with you separably, after this lecture. Will that be okay.
Dragon : my power just came back on
Hi Dragon! Great! ...read and catch up!
Dragon : hi! alright will do
And, yes, as soon as everyone is talking to me here, we need to put quite a bit of effort into working with tables
Discussion on main page table
But tell you what- I still want to see the borders for a number of weeks, until all our students catch up, but what you can do for me is this...
Discussion on hidden page
Regarding your rolling cubes, It's good stuff!- with some CSS to whet everyone's appetites!
Phoenix : It is 90% CSS to turn the blocks into links I may need to use some JavaScript
Shft-Alt-F
Go onto a HTML page you are working on and make a number of alignment errors in the code, and then use Ctrl-Alt-F on your code, and tell me what you see. Shft-Alt-F tells NetBeans to reformat your entire HTML page!
...to the rules that you control in Tools > Options > Editor > Formatting
This is where you put your style into how you want your code to look!
Websites
I've been looking at everyone's websites! Where are your logos!
Phoenix : I have done a rough of my logo for my website, would you mind having a look at it
Your website looks stunning, but I'm not sure where the logo is. The table is supposed to have a top row with the logo in it. And the top row is supposed to span all three columns
I want to get to the point that everything is inside the table. Some students don't have a, Contact Us page working yet!
Closing
Right, students of web development- just THREE minutes to go the the end of our very first Cyber-Lecture! Did you have fun!?
Done! Can I go now? ...and don't forget!- I'm right here on Skype
Notes
- For first term, everything on your web pages had to be in a main page table
- For second term, I am going to show you how to use floats instead!
Main Page | Basic web design | Navigation | Ranking | Support | Asterix Home