WHAT IS WEB PROGRAMMING?
Web programming refers to the process of creating applications or
websites that run on web browsers. It involves writing code in various
programming languages to build the functionality and design of web
pages such as HTML, JavaScript, PHP, ASP, Python, Ruby, Golang, and
so on.
Web programming is a vast field that requires knowledge of multiple
programming languages, frameworks, and technologies, including
client-side scripting, server-side scripting, and database
management.
Key components of web programming
 HTML (Hypertext Markup Language)
 CSS (Cascading Style Sheets)
 JavaScript
 Server-side scripting
 Database
 Web frameworks
 API (Application Programming Interfaces)
HTML (Hypertext Markup
Language)
HTML is the standard markup language for creating web pages and web
applications. Which act as building blocks for creating the content and
layout of a web page using a set of codes.
CSS (Cascading Style Sheets)
CSS is used to style the appearance of HTML elements on a web page. It allows
developers to control/standardize the layout, colors, fonts, and other visual
aspects of the content.
https://www.w3schools.com
JavaScript
JavaScript is a programming language that adds interactivity to web pages. It enables
developers to create dynamic and interactive elements such as animations, form
validation, and user interface components.
https://www.w3schools.com
Server-side scripting
Server-side scripting involves writing code that runs on a web server to generate
and manage dynamic content, handle user requests, and interact with database.
Common server-side scripting languages include PHP (with frameworks like Laravel
or Yii2), Python (with frameworks like Django or Flask), Ruby (with Ruby on Rails),
Golang, Node.js, and Java (with frameworks like Spring Boot).
Database
Web applications often need to store and retrieve data from databases.
Developers use database management systems (DBMS) like Oracle, SQL
server, PostgreSQL, MySQL, MariaDB, or SQLite to manage data storage
and retrieval.
Web frameworks is a pre-built toolkit that provides a structured approach to build and
manage web applications. They offer advanced functionality to the web applications.
Examples of popular web frameworks.
Client-side scripting: React.js, Angular, Vue.js.
Server-side scripting: Laravel. Yii2, Django, Spring
Web frameworks
API (Application Programming Interfaces):
APIs allow different software systems to communicate and interact with
each other. Web programmers often use APIs to integrate third-party
services, access external data, or create interfaces for their applications.
BONUS : GITLAB.COM
Gitlab Is A Web-based Git Repository That Provides Free Open And Private Repositories,
Issue-following Capabilities, And Wikis. It Is A Complete DevOps Platform That Enables
Professionals To Perform All The Tasks In A Project - from Project Planning And Source
Code Management To Monitoring And Security.
NURUDDINBINRAZALI
nuruddin@must.edu.my
¡THANK YOU!

Mock Teaching for Web Programming Subject

  • 1.
    WHAT IS WEBPROGRAMMING? Web programming refers to the process of creating applications or websites that run on web browsers. It involves writing code in various programming languages to build the functionality and design of web pages such as HTML, JavaScript, PHP, ASP, Python, Ruby, Golang, and so on. Web programming is a vast field that requires knowledge of multiple programming languages, frameworks, and technologies, including client-side scripting, server-side scripting, and database management.
  • 2.
    Key components ofweb programming  HTML (Hypertext Markup Language)  CSS (Cascading Style Sheets)  JavaScript  Server-side scripting  Database  Web frameworks  API (Application Programming Interfaces)
  • 3.
    HTML (Hypertext Markup Language) HTMLis the standard markup language for creating web pages and web applications. Which act as building blocks for creating the content and layout of a web page using a set of codes.
  • 4.
    CSS (Cascading StyleSheets) CSS is used to style the appearance of HTML elements on a web page. It allows developers to control/standardize the layout, colors, fonts, and other visual aspects of the content. https://www.w3schools.com
  • 5.
    JavaScript JavaScript is aprogramming language that adds interactivity to web pages. It enables developers to create dynamic and interactive elements such as animations, form validation, and user interface components. https://www.w3schools.com
  • 6.
    Server-side scripting Server-side scriptinginvolves writing code that runs on a web server to generate and manage dynamic content, handle user requests, and interact with database. Common server-side scripting languages include PHP (with frameworks like Laravel or Yii2), Python (with frameworks like Django or Flask), Ruby (with Ruby on Rails), Golang, Node.js, and Java (with frameworks like Spring Boot).
  • 7.
    Database Web applications oftenneed to store and retrieve data from databases. Developers use database management systems (DBMS) like Oracle, SQL server, PostgreSQL, MySQL, MariaDB, or SQLite to manage data storage and retrieval.
  • 8.
    Web frameworks isa pre-built toolkit that provides a structured approach to build and manage web applications. They offer advanced functionality to the web applications. Examples of popular web frameworks. Client-side scripting: React.js, Angular, Vue.js. Server-side scripting: Laravel. Yii2, Django, Spring Web frameworks
  • 9.
    API (Application ProgrammingInterfaces): APIs allow different software systems to communicate and interact with each other. Web programmers often use APIs to integrate third-party services, access external data, or create interfaces for their applications.
  • 10.
    BONUS : GITLAB.COM GitlabIs A Web-based Git Repository That Provides Free Open And Private Repositories, Issue-following Capabilities, And Wikis. It Is A Complete DevOps Platform That Enables Professionals To Perform All The Tasks In A Project - from Project Planning And Source Code Management To Monitoring And Security.
  • 11.

Editor's Notes

  • #8 A library is a collection of pre-written code that helps perform specific tasks, such as handling user interface elements or making HTTP requests.