Post

Getting Started

This practice will be divided into three parts: - Part 01: Important tags in HTML5 - Part 02: Practical exercises with instructions - Part 03: Self-practice exercises -

Getting Started

1. Choose a tool for coding

You can use a number of tools to support website development such as Atom, Notepad++, Sublime Text, Adobe Dreamweaver CC, Visual Studio Code, CoffeeCup HTML Editor, Netbeans,…

Particularly for the LAB lessons in this course, I will use Visual Studio Code.

You can download Visual Studio Code via this link: https://code.visualstudio.com/download

After that, you proceed to install Visual Studio Code tools normally like other applications

2. Create a static web project

If you want to create a static web project, you can follow like this:

In the local computer, you can organize the folder structure on your computer as follows:

  • Folder css: It contains .css files for styling your web page.
  • Folder images: It contains image files which is used for your site. Moreover, you can create some folders such as video, audio,…and it is the same level with “images” folder.
  • Folder js: It contains Javascript files (.js files) for interaction with your site.
  • You can create many .html files in the same level with folders above. Or you can put .html files to other folders (depending on the intended use).

Academic policy

  • Cheating, plagiarism and breach of copyright are serious offenses under this Policy.
  • Cheating Cheating during a test or exam is construed as talking, peeking at another student’s paper or any other clandestine method of transmitting information.
  • Plagiarism Plagiarism is using the work of others without citing it; that is, holding the work of others out as your own work. Breach of Copyright If you photocopy a textbook without the copyright holder’s permission, you violate copyright law.

Prerequisite(s)

PRF192 - Programming Fundamentals

Java Technology

Java technology is a high-level, robust, and secure programming platform. It includes:

  • Java Programming Language: A powerful, object-oriented language.
  • Java Virtual Machine (JVM): Executes Java bytecode and enables cross-platform functionality.
  • Java Application Programming Interface (API): A large collection of ready-to-use libraries and tools.

The Java Programming Language

Java is:

  • Object-Oriented: Based on objects and classes.
  • Platform-Independent: Write once, run anywhere (WORA) through the JVM.
  • Strongly Typed: Type checking at both compile-time and runtime.
  • Syntax Similar to C/C++: Makes it easy for developers from those backgrounds.

Java Platform

The Java platform includes:

  • JDK (Java Development Kit): Tools for developing Java applications.
  • JRE (Java Runtime Environment): Libraries and JVM needed to run Java applications.
  • JVM (Java Virtual Machine): Core of the platform that runs bytecode.

Java Platform Editions

  • Java SE (Standard Edition): Core functionality for general-purpose programming.
  • Java EE (Enterprise Edition): Tools for enterprise-level applications (now Jakarta EE).
  • Java ME (Micro Edition): Tailored for embedded systems and mobile devices.
  • JavaFX: For developing rich GUI applications.

Bytecode

  • What is Bytecode?: Intermediate, platform-independent code generated by the Java compiler.
  • Executed by the JVM, not directly by the operating system.
  • Enables portability, security, and performance optimization.
  • Stored in .class files after compiling .java source files.

Example: A Simple Java Program

1
2
3
4
5
public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
This post is licensed under CC BY 4.0 by the author.