Prothumia: Created page with "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... * Fir..."

2023-11-18T19:05:49Z

Created page with "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... * Fir..."

New page

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 first words|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...

* First write up simple [[HTML]] pages (in [[Notepad]])
* Then post those pages to your website (via [[FileZilla]])

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|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|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 [https://en.wikipedia.org/wiki/C%2B%2B 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|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 [[Java|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 [https://www.oracle.com/ Oracle.com] website. Oracle are the people who bought [https://en.wikipedia.org/wiki/Sun_Microsystems Sun MicroSystems] who invented [[Java]]

[[Dragon]] [https://www.oracle.com/java/technologies/javase-jdk8-downloads.html Java SE Development Kit 8 Downloads] this one?

Bingo! Well done! You win the [[Easter egg|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 [[Java|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 [https://en.wikipedia.org/wiki/Solaris_(operating_system) 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 [[Java|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)

* [https://netbeans.org/downloads/old/8.2/ 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 [[Java|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 [[lecture|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 page]]s had to be in a [[main page table]]
* For second term, I am going to show you how to use [[float]]s instead!

<small>
[[Main Page]] |
[[Basic web design]] |
[[navigation table|Navigation]] |
[[Ranking]] |
[[support website|Support]] |
[http://www.asterix.co.za/ Asterix Home]
</small>

[[Category:Design]]
[[Category:Lecture]]

Software requirement - Revision history