Professional Documents
Culture Documents
GCC - Lesson Plan 2020
GCC - Lesson Plan 2020
The Web Designing and Development course is for the schools’ 12th classes’ students who want to develop the skills necessary in website design.
In this course, you will build upon your basic Web authoring skills to learn the essentials and best practices of Web design, including design tools
and technologies.
Learning Outcome:
Design secure and localized Web applications using technologies and the tools listed in the curriculum
Connect Web applications to databases
Design Web Applications
Learn to develop dynamic web applications
Learn to design static web applications
Learn to design with CSS/ CSS3 and its most popular framework Bootstrap.
Learn to work in JavaScript and its libraries (jQuery, ajax, react)
Design and manipulate databases using MySQL
Develop Web applications using PHP
Develop web applications using WordPress
Method:
All lessons include one hour of instruction and one hour of practice each day unless otherwise note
2
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
Objectives:
Assignment:
1. Writing a hello world program in notepad and sublime and seeing the result in different browsers
2. Creating a website in WordPress
Test:
1. Pre-test
2. Post-test
3
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
4
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
File/Folder creation, Save, Copy, Cut, Delete, Shift + Delete, Properly shutdown computer
File Properties (File size, File type)
Icon
Operating System Basic Folder order/path – one folder within other and so on
Day 6
and fundamental tasks USB/Flash Use (Format, Eject, Copy files)
How to scan a file? How to deal with shortcut data (?, *, . , or search itself)
Keyboard Familiarity (Space, Enter, Backspace, Delete, Shift + keys, Control, Arrow Keys, Caps lock,
Tab, Escape, Insert)
5
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
Computer Literacy
Day 3 Post-Test of the Computer Literacy Course.
Course Post-test
6
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
HTML Course
HTML is the standard markup language for creating Web pages.
Duration: 20 days
Objectives:
Assignment:
Test:
1. Pre-test
2. Post-test
7
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
8
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
9
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
10
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
11
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
CSS Course
CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.
Duration: 20 days
Objectives:
Assignment:
1. Pre-test
2. Post-test
Note: By end of this course students should be divided into groups for final project development and the titles of the projects should be
specified.
12
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
Display property
o display:block and display:inline
Day 6 CSS Display
o display:inline-block
o display:none/visibility: hidden
14
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
15
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
Bootstrap Course
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.
Duration: 18 days
Objectives:
Assignment:
1. A Practical Assignment in the class: A Web page featured with all the lessons covered
Test:
1. Pre-test
2. Post-test
Note: By end of this course students must start the project front design development.
16
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
17
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
18
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
JavaScript Course
JavaScript is the programming language of HTML and the Web to program the behavior of web pages.
Duration: 34 days
Objectives:
Assignment:
1. JavaScript Practical Assignment in the class: focused on Events, Validation and the out puts
2. JQuery Practical Assignment in the class: focused on Events, Validation and the out puts
3. Ajax Practical Assignment in the class: how a web page communicates with a web server asynchronously while user type a
character in an input field
4. React Practical Assignment in the class: Design a single page website
Test:
1. Pre-test
2. Post-test
19
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
20
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
JavaScript Operators
JavaScript Arithmetic Operators
JavaScript Assignment Operators
JavaScript
Day 5 JavaScript String Operators
Operators
Adding Strings and Numbers
JavaScript Comparison
JavaScript Logical Operators
JavaScript Display Possibilities
Using window.alert()
JavaScript
Day 6 Using document.write()
Output
Using innerHTML
Using console.log()
21
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
What is Events?
HTML Events, Common HTML Events
Day 6 JavaScript Evens
What can JavaScript Do?
Examples
22
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
23
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
24
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
25
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
SQL Course
SQL is a standard language for storing, manipulating and retrieving data in databases.
Duration: 13 days
Objectives:
Assignment:
1. A Practical Assignment to Create Database, table, insert data in and select/show the data
Test:
1. Pre-test
2. Post-test
Note: By end of this course the projects front design development must be completed.
26
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
INSERT INTO
Steps of Creating a Database SELECT
Day 4
and working with its data DELETE
DROP
Steps of Creating a Database UPDATE
Day 5
and working with its data ALTER (Add Column, Drop Column, Alter/Modify Column)
Create DB, table, insert data in and select the data
Assignment WHERE CLAUSE
Day 6
SQL WHERE CLAUSE Operators in the WHERE Clause
BETWEEN, LIKE
28
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
PHP Course
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.
Duration: 27 days
Objectives:
Assignment:
1. A Practical Assignment for making a complete dynamic website featured with crud, admin panel and a login page with
session set.
Test:
1. Pre-test
2. Post-test
29
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
30
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
31
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
32
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
Project Development
Duration: 23 days
Objectives:
Design a website – front: organize contents and layouts and apply styles
Design Interactive websites – apply animations, events, validations and effects
Develop the backend of the website – generate dynamic website content
Note: The final projects must be entirely ready for presentations and the projects reports must be completed. By end of the course Projects,
projects snapshots and projects detail report must be submitted.
33
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
34
Prepared by: GCC Technical Supervisor Liza Popalzai
Coding and Web Development Training Detailed Lesson Plan
Students Project Work on the Back End of the projects Using SQL and PHP
Day 6
(Back End) Create Database, connect it to the front design for making a Dynamic Website featured with CRUD
Twenty-ninth
Topics Contents
Week
35
Prepared by: GCC Technical Supervisor Liza Popalzai