Don't forget to hit the ⭐ if you like this repo.

SCSV1223 - WEB PROGRAMMING

Contents:

• Course Outline
• Student Information
• Code Samples
• Useful Links
  • Introduction to Web Programming
  • Visual Studio Code
  • Code Quality Guide
  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • PHP
• Labs
• Contribution 🛠️

Synopsis

This course is designed to introduce students the fundamental of knowledge, technologies and components for web application developments. The basic topics includes the standard HTML for content creation, CSS for content presentation, JavaScript for client-side logics, PHP for server-side logics and MySQL for data processing. At the end of the course, the students should be able to apply the web base technologies and then implement it all in the creating functional data-centric online system project.

🔥 Important things

1. Lecture Notes
2. Buku: Pengaturcaraan Web Hypertext Preprocessor (PHP)
3. Free Web Development Books
4. Project 1: Student Portfolio Showcase (HTML)
5. Project 2: Student Portfolio Showcase (Bootstrap)
6. Student Portfolio Showcase 🆕

Module

No	Module	Description	Notes	Exercise
1	Introduction to Web Programming	Web programming is the process of creating web pages and web-based applications using a variety of programming languages and technologies. To get started with web programming, one should learn HTML, CSS, and JavaScript, which are the core technologies used for creating web pages and user interfaces. Bootstrap is a popular framework that can simplify the process of creating responsive and mobile-friendly web pages. PHP is a server-side scripting language used for creating dynamic web pages and web-based applications. By learning these technologies, one can create attractive and interactive web content that is compatible with a wide range of devices and browsers.
2	Visual Studio Code	Visual Studio Code is a popular source code editor developed by Microsoft. It is free, open-source, and available for Windows, Mac, and Linux. Visual Studio Code supports a wide range of programming languages and provides features such as code highlighting, autocomplete, debugging, and source control integration. It also supports extensions that can add functionality, such as linters, formatters, and code snippets. With its user-friendly interface and robust set of features, Visual Studio Code has become a favorite among developers for writing, testing, and debugging code.
3	Hypertext Markup Language (HTML)	HTML is a markup language used for creating web pages and other web-based content. It uses tags and codes to structure and format content, such as headings, paragraphs, images, and links. HTML also allows for the creation of forms, which enable user interaction with web pages through input fields, buttons, and other elements. It is a fundamental technology for creating web pages and provides a standardized system for defining the structure and formatting of content.
4	Cascading Style Sheets (CSS)	CSS is a stylesheet language used for describing the presentation of web pages and other web-based content. It allows content creators to control the layout, colors, fonts, and other visual elements of a web page, separate from the HTML markup. CSS works by applying rules to HTML elements, which define how they should be displayed. These rules can be applied to individual elements, groups of elements, or the entire page. CSS also supports the use of media queries, which allow for the creation of responsive designs that adapt to different device sizes and screen orientations.
5	JavaScript	JavaScript is a scripting language used primarily for creating interactive web pages and web-based applications. It is a client-side language that runs directly in a web browser and can be used to manipulate the content and behavior of web pages in real-time. JavaScript can be used to create animations, validate user input, fetch data from servers, and much more. It is a powerful language with a large and active community, and is commonly used alongside HTML and CSS to create dynamic and engaging web content.
6	Bootstrap	Bootstrap is a popular open-source framework used for creating responsive and mobile-first web pages and applications. It provides pre-designed templates, CSS styles, and JavaScript plugins that make it easy for developers to create visually appealing and functional websites. Bootstrap uses a grid system to enable the creation of flexible layouts that adapt to different device sizes and screen orientations. It also provides a variety of UI components, such as forms, buttons, navigation menus, and modals, that can be easily customized and integrated into web projects.
7	Hypertext Preprocessor (PHP)	PHP is a server-side scripting language used primarily for web development. It is a popular language for creating dynamic web pages and web-based applications, as it can interact with databases, handle form data, and perform other server-side tasks. PHP code is executed on the server before the web page is sent to the client's browser, allowing for the creation of complex and dynamic web content. PHP also has a large and active community that has developed many frameworks and libraries to simplify web development tasks.

👩👨 Student Information

Labs

Hypertext Markup Language (HTML)

Lab	Topic	Title	Files
0	HTML	Your first HTML Page
1	HTML	HTML Text Appearance
2	HTML	Troubleshooting HTML
3	HTML	Format an article with HTML
4	HTML	HTML Image
5	HTML	Nested List
6	HTML	Table
7	HTML	Timetable
8	HTML	Table
9	HTML	Form
10	HTML	Form

Cascading Style Sheets (CSS)

Lab	Topic	Title	Files
11	CSS	HTML Text Appearance
12	CSS	Text and Box Model
13	CSS	Layout (Mock & Style)
14	CSS	Website Layout
15	CSS	Layout
16	CSS	Form Layout

Lab CSS: Instruction

1. This task must be done in groups (4 people per group).
2. Please enter the group member's name into Google Sheets.

Contribution 🛠️

Please create an Issue for any improvements, suggestions or errors in the content.

You can also contact me using Linkedin for any other queries or feedback.