Don't forget to hit the ⭐ if you like this repo.
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.
- Course Outline
- Lecture Notes
- Code Samples
- Buku: Pengaturcaraan Web Hypertext Preprocessor (PHP)
- Free Web Development Books
| No | Name | ID | Github |
|---|---|---|---|
| 1 | A. SHARILFAZLEE SALLEH B. HJ A. SUHAIMI | Spek1993 |  |
| 2 | AHMAD HUMAIDI FIRDAUS BIN MOHAMMAD DIN | alanscotch | |
| 3 | AHMAD SYAUQIE BIN AHMAD | ASA42000 | |
| 4 | AMMAR HAFIY BIN MUHAMMAD | amrhfy | |
| 5 | AMMAR IBRAHIM BIN MOHAMED | ammaribrahim95 | |
| 6 | EL INSYIRAAH FATHIN BINTI AMIRUDDIN | elleamyr | |
| 7 | ALEXANDER MCCAFFER REDIK | alexmccaffer | |
| 8 | IKHMAL SYAZREEL BIN MOHD AZIZAN | syazreel28 | |
| 9 | ISMAIL BIN AMAN | oldpistol | |
| 10 | LOGESWARY A/P KRISHNAMOORTHY | Logeswary98 | |
| 11 | MOGANAKUMARAN A/L SELVAKUMARAN | RN1310 | |
| 12 | MOHAMAD ZUL IKMAL BIN MOHAMMAD RAZAL | lamki | |
| 13 | MOHD NOOR HAFIZ BIN MUHAMAD SAID | mohdnoorhafiz | |
| 14 | MUHAMMAD AZAM BIN AZMAN | azamazman96 | |
| 15 | MUHAMMAD BADRUL AMIN BIN MASROL | badz20 | |
| 16 | MUHAMMAD FAIZ FITRI BIN MOHD NOH | AshuraRin | |
| 17 | MUHAMMAD HAFIZ BIN ISKANDAR | mhafiziskandar | |
| 18 | NABILAH BINTI ABD RAHMAN | nabilaharahman | |
| 19 | NOR HAZIDA BINTI HAMDAN | hazida | |
| 20 | SEPRIYANDI BIN AGUSR | sepz36 | |
| 21 | SHANMUGADHARSHINI A/P MURALI | Shan9821 | |
| 22 | SITI DZIN NORSYAFIKA BINTI MOHD ISA | dzinsyafika97 | |
| 23 | SUBAHSHINI A/P SANGARA LINGAM | Subahshini15 | |
| 24 | SYAIFUL ALFRAIZA BIN AINI ABDULLAH | syaifulalfraiza | |
| 25 | MOHAMED HARIS BIN MOHAMED MAZLAN | harismazlan | |
| 26 | MUHAMMAD FAHMI BIN CHE AB WAHAB | fahmiwahab29 | |
| 27 | MUHAMMAD FAIZAL BIN ASARAB ALI | Faizal994 | |
| 28 | MUHAMMAD SYAZWAN BIN NAZRI | ||
| 29 | SASHILA SRE A/P RAMADASS | sreshila30 | |
| 30 | SHARVIN A/L M.GUNALAN | Sharvin01 | |
| 31 | BARANI A/P POOVALAN | barani2014 | |
| 32 | WAN ASMAA' SYAHIRAH BINTI ABD MALEK | twilighttttt | |
| 33 | ADAM SHAH BIN MOHD FAIZAL | adamshahmf | |
| 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 | |
- Video: Everyone should know how to program
- Video: Learn web development as an absolute beginner
- Introduction to Web Programming Languages
- Learn Web Development Fast
- WHICH IS THE BEST PROGRAMMING LANGUAGE FOR WEB DEVELOPMENT
- Beginner's roadmap to web development
- The 2020 Web Developer Roadmap – A Visual Guide to Becoming a Front End, Back End, or DevOps Developer
- Roadmap to Front-End & Full-Stack Development with JavaScript Stack
- How to Learn Web Development in 2021 - a Web Developer Roadmap
- Visual Studio Code Web Dev Setup In 6 Minutes
- Visual Studio Code: HTML, CSS & JS Tips
- Top 10 Best VS Code Extensions
- How to Setup Live Server in VS Code?
- How to setup and use GitHub with Visual Studio Code - (2023)
- How to Host a Website on GitHub [2023] | GitHub Pages Site
- Microsoft Visual Studio Code (VS Code)
- Download: Visual Studio Code
- VS Code: Getting Started
- Collaborate with Live Share
- Install and sign in to Live Share in Visual Studio Code
- Marketplace: Live Share Extension Pack
- VS Code Live SHARE | How to use LiveShare in VS code for live online collaboration [ Quick Guide ]
- GitHub Desktop
- Udemy: Beginner VS Code
- General Guidelines
- Google HTML/ CSS Style Guide
- HTML
- CSS
- JavaScript
- SQL
- The little book of HTML/CSS coding guidelines – O'Reilly
- What tools do the professionals use? 🔥
- Are HTML and JavaScript both the same?
- W3C validator: Markup Validation Service 🔥
- W3Schools: HTML 🔥
- Emmet.io — the essential toolkit for web-developers
- Learn to Code HTML & CSS Develop & Style Websites
- Free Web Development Tutorials for those who are broke and cannot afford paid courses.
- Document and website structure
- HTML5 Periodical Table
- HTML Cheat Sheet
- HTML Cheat Sheet - Stanford
- Top 3 Biggest 'Misteaks' In Web Design
- CSS Generators
- CSS Tools
- CSS Resources
- Stop using so many divs! An intro to semantic HTML
- CSS Cheat Sheet
- CSS Code Examples
- Learn CSS Grid by building a simple Calculator Layout
- Video: Build a Calculator with CSS Grid
- Best HTML and CSS Cheat Sheets
- CSS2 Cheat Sheet
- Devopedia: Cascading Style Sheets
- Khan Academy: CSS box model
- Devopedia: CSS Box Model
- Devopedia: CSS Flexbox
- Devopedia: CSS Grid Layout
- CSS layout
- Box Model: CSS Website Layout
- W3.CSS Layout
- Getting Started With CSS Layout
- Grid by Example
- Difference Between Bootstrap and CSS
- W3.CSS vs. Bootstrap: A Head-to-Head Comparison
- Bootstrap vs HTML5
- Video: Learn Bootstrap in 5 minutes | Responsive Website Tutorial | Code in 5
- Video: Learn Bootstrap in less than 20 minutes - Responsive Website Tutorial
- How to Setup and Use Bootstrap (Step-by-Step)
- tutorialrepublic Bootstrap Tutorial
- w3schools Bootstrap 4 Tutorial
- Learn Bootstrap 4 in 30 minutes by building a landing page website
- Download: Getbootstrap
- Twitter Bootstrap 4 Succinctly
- Bootstrap 4 By Example
- DevBook
- 100+ Best Free Bootstrap Admin Templates
- Free Bootstrap Templates - creative-tim
- Best Responsive Admin Templates
- 25 Free Bootstrap Dashboard & Admin Templates for 2023
- 1000+ Free Bootstrap HTML5 CSS3 Website Templates
- 50+ Creative Free Bootstrap Templates & HTML5 Templates
- High Quality Free Bootstrap Templates and Themes for your Websites
- Javascript.com
- The Modern JavaScript Tutorial
- Wikipedia JavaScript
- JavaScript Tutorial
- tutorialspoint JavaScript Tutorial
- JavaScript Tutorial for Beginners: Learn Javascript Step by Step
- Mozilla: JavaScript
- Wikipedia: Document Object Model
- Level 1 Document Object Model Specification
- Introduction to the DOM
- javatpoint: Document Object Model
- DOM (Document Object Model)
- JavaScript HTML DOM - W3Schools
- Youtube: HTML-CSS-DOM
- Youtube: An Introduction to the DOM (Document Object Model) in JavaScript
- HTML DOM Diagram, Coded Example and Explanation
- E-book: Learning DOM
- E-book: Understanding the DOM — Document Object Model
- PHP
- XAMPP Apache + MariaDB + PHP + Perl
- Youtube: Running PHP in Visual Studio Code
- Youtube: How to run PHP on Visual Studio Code
- Wikipedia: XAMPP
- PHP & MySQL
- PHP: Sessions & Authorize user
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.