{"id":6424,"date":"2024-04-08T00:53:57","date_gmt":"2024-04-07T19:53:57","guid":{"rendered":"https:\/\/corvit.com\/systems\/?page_id=6424"},"modified":"2024-05-22T12:23:05","modified_gmt":"2024-05-22T07:23:05","slug":"cit-web-development","status":"publish","type":"page","link":"https:\/\/corvit.com\/systems\/navttc-courses-outlines\/cit-web-development\/","title":{"rendered":"CIT (Web Development)"},"content":{"rendered":"[vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#cc3036″ scene_position=”center” top_padding=”2%” bottom_padding=”2%” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_custom_heading text=”CIT (Web Development) Course Outline” font_container=”tag:h1|font_size:40|text_align:left|color:%23ffffff|line_height:1.2″ google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1715156000889{margin-bottom: 3% !important;padding-top: 4% !important;}”][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” top_padding=”28″ bottom_padding=”28″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]\n

Course Contents \/ Lesson Plan<\/h2>\n

Course Title: <\/strong>CIT ( Web Development )<\/p>\n

Duration: <\/strong>3 Months<\/p>\n

 <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Scheduled Weeks<\/strong><\/td>\nModule Title<\/strong><\/td>\nDays<\/strong><\/td>\nLearning Units<\/strong><\/td>\nHome Assignment<\/strong><\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nMotivational Lecture<\/td>\n<\/td>\n<\/tr>\n
Week 1<\/strong><\/td>\n<\/td>\n<\/td>\nCourse Introduction<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nDay 1<\/strong><\/td>\nJob market<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCourse Applications<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nIntroduction to World Wide Web<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nWebsite<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nDay 2<\/strong><\/td>\nWeb Pages<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nDifferent types of websites<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n\u00a0<\/strong><\/p>\n

Day 3<\/strong><\/td>\n

Architecture of static and dynamic Webpages<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCompare Static websites with<\/p>\n

Dynamic websites<\/td>\n<\/tr>\n

<\/td>\nIntroduction &<\/strong><\/p>\n

Front-End Development (Basics)<\/strong><\/td>\n

<\/td>\nDifference between Frontend & Backend Language<\/p>\n

Install Chrome Browser Chrome Web Developer Tools<\/td>\n<\/tr>\n

<\/td>\n<\/td>\nDay 4<\/strong><\/td>\nInstall VS Code Editor<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nWhat Is HTML?<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nHTML building blocks<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nBasic HTML Page Structure<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nHeadings & Paragraphs<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\n\u00a0<\/strong><\/p>\n

HTML Formatting<\/td>\n<\/tr>\n

<\/td>\n<\/td>\nDay 5<\/strong><\/td>\nHTML Attributes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Week 2<\/strong><\/td>\n\u00a0<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Day 1<\/strong><\/td>\n

Block Level Element vs Inline Element<\/p>\n

HTML Tag vs. Element HTML Image & Link<\/td>\n

\u25cf\u00a0\u00a0\u00a0\u00a0 Task 1 To<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0 Task 17<\/strong><\/td>\n<\/tr>\n

<\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

HTML & CSS<\/strong><\/td>\n

\u00a0<\/strong><\/p>\n

Day 2<\/strong><\/td>\n

HTML Table HTML Lists<\/td>\n<\/td>\n<\/tr>\n
Day 3<\/strong><\/td>\nHTML Forms<\/td>\n<\/tr>\n
\u00a0<\/strong><\/p>\n

Day 4<\/strong><\/td>\n

HTML Layout Elements HTML Iframe<\/p>\n

HTML Media Elements<\/td>\n<\/tr>\n

\u00a0<\/strong><\/p>\n

Day 5<\/strong><\/td>\n

What is CSS?<\/p>\n

CSS Syntax Selector Types<\/td>\n<\/tr>\n

<\/td>\n<\/td>\n<\/td>\nInclusion<\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0 Task 18 To<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Task 25<\/strong><\/td>\n<\/tr>\n

Week 3<\/strong><\/td>\n<\/td>\n<\/td>\nCSS Rules Overriding<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCSS Comments<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nDay 1<\/strong><\/td>\nCSS Colors<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCSS Backgrounds<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCSS Borders<\/td>\n<\/tr>\n
<\/td>\nCSS &<\/strong><\/p>\n

Bootstrap<\/strong><\/td>\n

\u00a0<\/strong><\/p>\n

Day 2<\/strong><\/td>\n

CSS Margins<\/p>\n

CSS Padding<\/td>\n<\/tr>\n

<\/td>\n<\/td>\n<\/td>\nCSS Height\/Width<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCSS Lists<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCSS Tables<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nDay 3<\/strong><\/td>\nCSS Display<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nCSS Float<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nWhat Is Bootstrap?<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nBootstrap Grid System<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nDay 4<\/strong><\/td>\nBootstrap Colors<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nBootstrap Buttons<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
<\/td>\n<\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Day 5<\/strong><\/td>\n

Bootstrap Navbar<\/p>\n

Bootstrap Modal<\/p>\n

Bootstrap Tables<\/p>\n

Bootstrap Forms<\/td>\n

<\/td>\n<\/tr>\n
Week 4<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

JavaScript<\/strong><\/td>\n

\u00a0<\/strong><\/p>\n

Day 1<\/strong><\/td>\n

What is JavaScript?<\/p>\n

JavaScript Output Statements<\/p>\n

JavaScript Variables<\/td>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0 Task 26 To<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Task 29<\/strong><\/td>\n<\/tr>\n

\u00a0<\/strong><\/p>\n

Day 2<\/strong><\/td>\n

JavaScript Operators<\/p>\n

Conditional Statements<\/td>\n<\/tr>\n

\u00a0<\/strong><\/p>\n

Day 3<\/strong><\/td>\n

Loop Types<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 for-loop<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 while loop<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 do While loop<\/td>\n<\/tr>\n

Day 4<\/strong><\/td>\nJavaScript Functions<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\nJavaScript Objects & Arrays<\/td>\n<\/tr>\n
Week 5<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

jQuery & <\/strong>PHP\u00a0 <\/strong><\/td>\n

\u00a0<\/strong><\/p>\n

Day 1<\/strong><\/td>\n

What Is jQuery?<\/p>\n

jQuery Setup<\/p>\n

jQuery Selectors<\/td>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Task 30<\/strong><\/td>\n<\/tr>\n

\u00a0<\/strong><\/p>\n

Day 2<\/strong><\/td>\n

 <\/p>\n

jQuery Events<\/p>\n

jQuery Effects<\/p>\n

 <\/td>\n<\/tr>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Day 3<\/strong><\/td>\n

Overview of PHP<\/p>\n

Variables<\/p>\n

Constants,<\/p>\n

Output Statements<\/td>\n<\/tr>\n

\u00a0<\/strong><\/p>\n

Day 4<\/strong><\/td>\n

Operators
\nDecision Making<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\nLoop Types<\/p>\n

 <\/td>\n<\/tr>\n

Week 6<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/td>\n

Day 1<\/strong><\/td>\nFunctions<\/p>\n

 <\/td>\n

\u25cf\u00a0\u00a0\u00a0\u00a0 Task 31 To<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0 Task 34<\/strong><\/td>\n<\/tr>\n

Day 2<\/strong><\/td>\nArrays<\/p>\n

 <\/td>\n<\/tr>\n

Day 3<\/strong><\/td>\nPHP Forms<\/p>\n

 <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
<\/td>\nMidterm Exam<\/strong><\/p>\n

 <\/td>\n

Day 4<\/strong><\/td>\nMidterm Exam<\/td>\n<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\nMisterm Exam<\/p>\n

 <\/td>\n<\/tr>\n

Week 7<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

PHP & OOP<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/td>\n

Day 1<\/strong><\/td>\nObject Oriented Programming
\nClass
\nObject,
\nAccess Specifiers\/ModifiersMember Variables<\/td>\n		\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0 Task 35 To<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Task 37<\/strong><\/td>\n<\/tr>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Day 2<\/strong><\/td>\n

Static Variables
\nMember Functions
\nInheritance<\/td>\n<\/tr>\n
\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Day 3<\/strong><\/td>\n

Parent class
\nChild Class
\nConstructors
\nDestructors
\nPolymorphism<\/td>\n<\/tr>\n
Day 4<\/strong><\/td>\nFunction Overloading
\nAbstraction Encapsulation
\nSession<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\nCookies
\nDatabases Introduction
\nDatabase Types<\/td>\n<\/tr>\n
Week 8<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

PHP & SQL<\/strong><\/td>\n

\u00a0<\/strong><\/p>\n

Day 1<\/strong><\/td>\n

What is a Query
\nSQL Basic Commands
\nMYSQL Joins.
\nCreating a database using PHP MY ADMIN.<\/td>\n		\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u25cf\u00a0\u00a0 Task 38<\/strong><\/td>\n<\/tr>\n

Day 2<\/strong><\/td>\nDDL, DML & DRL operations in SQL<\/p>\n

 <\/td>\n<\/tr>\n

Day 3<\/strong><\/td>\nDB Integration with PHP<\/p>\n

 <\/td>\n<\/tr>\n

Day 4<\/strong><\/td>\nCRUD Operations using MYSQL & php<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\n<\/tr>\n
Week 9<\/strong><\/td>\nLaravel<\/strong><\/td>\nDay 1<\/strong><\/td>\nIntroduction to Laravel
\nLaravel Project Setup<\/td>\n		\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0 Task 39<\/strong><\/td>\n<\/tr>\n

Day 2<\/strong><\/td>\nLaravel Architecture Concepts<\/td>\n<\/tr>\n
Day 3<\/strong><\/td>\nRouting<\/p>\n

 <\/td>\n<\/tr>\n

Laravel<\/strong><\/td>\nDay 4<\/strong><\/td>\nBlade Template<\/p>\n

 <\/td>\n<\/tr>\n

Day 5<\/strong><\/td>\nMigrations<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Week 10<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

Laravel<\/strong><\/td>\n

Day 1<\/strong><\/td>\nMigrations<\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u25cf\u00a0\u00a0\u00a0 Task 40<\/strong><\/td>\n<\/tr>\n

Day 2<\/strong><\/td>\n <\/p>\n

Relationships<\/p>\n

 <\/td>\n<\/tr>\n

Day 3<\/strong><\/td>\nRelationships<\/td>\n<\/tr>\n
Day 4<\/strong><\/td>\nSecurity<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\nSecurity<\/td>\n<\/tr>\n
Week 11<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Project<\/strong><\/td>\n

Day 1<\/strong><\/td>\n[Project 1] crud application<\/td>\n<\/td>\n<\/tr>\n
Day 2<\/strong><\/td>\n[Project 1] crud application<\/td>\n<\/tr>\n
Day 3<\/strong><\/td>\n[Project 3] Gallery App<\/td>\n<\/tr>\n
Day 4<\/strong><\/td>\nFinal Project (data crud + gallery combo)<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\nFinal Project (data crud + gallery combo)<\/td>\n<\/tr>\n
Week 12<\/strong><\/td>\n\u00a0<\/strong><\/p>\n

Project Evaluation &<\/strong><\/p>\n

Final Term Exam<\/strong><\/td>\n

Day 1<\/strong><\/td>\nProject Evaluation<\/td>\n<\/td>\n<\/tr>\n
Day 2<\/strong><\/td>\nProject Evaluation<\/td>\n<\/tr>\n
Day 3<\/strong><\/td>\nProject Evaluation<\/td>\n<\/tr>\n
Day 4<\/strong><\/td>\nProject Evaluation<\/td>\n<\/tr>\n
Day 5<\/strong><\/td>\nFinal Term Exam<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

Annexure-I: Tasks for Advance Web Application Development<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Task no.<\/strong><\/td>\nTask<\/strong><\/td>\nDescription<\/strong><\/td>\nWeek<\/strong><\/td>\n<\/tr>\n
1<\/strong><\/td>\nUsing Heading, Paragraph, Line Break,and Horizontal Rule Tags<\/strong><\/td>\nWrite an HTML code that displays all 6 headings with each<\/p>\n

heading on new line having paragraphs and the end<\/td>\n

\u00a0<\/strong><\/p>\n

Week 2<\/strong><\/td>\n<\/tr>\n

<\/td>\n<\/td>\nof each paragraph; place a line (Horizontal Rule).<\/td>\n<\/td>\n<\/tr>\n
2<\/strong><\/td>\nUse Comments and Include Tags in a single code<\/strong>.<\/td>\nMake a webpage Comment.html having text \u201cI am<\/p>\n

Internal Text\u201d with having commented text \u201cI am<\/td>\n

<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nComment\u201d that will<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nnot display in the webpage. Make another webpage<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nwith<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nname IIncluded.html containing the text \u201cI am<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nExternal Text\u201d and<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\ndisplay its contents in Comment.html webpage.<\/td>\n<\/td>\n<\/tr>\n
3<\/strong><\/td>\nUse Image Tag with attributes.<\/strong><\/td>\nInsert image in the webpage with height=30,<\/p>\n

width=30 having 3 border size and when we bring<\/td>\n

<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nmouse on the image, it displays text \u201cI am Image in<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nWebpage\u201d.<\/td>\n<\/td>\n<\/tr>\n
4<\/strong><\/td>\nUse of Hyperlink<\/strong><\/td>\nUse <A HREF> . . . <\/A> Tag with all attributes to<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\ncreate a Local Link to any file.<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nMake second link which is used to link High Level<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nDirectory. Make third link which is used to link any<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nInternet website.<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nLastly make fourth link which contains an email<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\naddress and when user clicks the link, email editor<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nopens up.<\/td>\n<\/td>\n<\/tr>\n
5<\/strong><\/td>\nBackground image<\/strong><\/td>\nMake a webpage with image as a Background and<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nwhen we scroll this webpage, the image stays fix and<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nonly the top of the webpage scrolls.<\/td>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n
6<\/strong><\/td>\nMake a complete html form<\/strong><\/td>\nMake the following Report Form (The Country Dropdown<\/p>\n

List must contain 7 Countries in Ascending Order but when form is loaded, by default Pakistan is Selected.<\/td>\n

<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n\n\n\n\n\n
Task No.<\/strong><\/td>\nTask<\/strong><\/td>\nDescription<\/strong><\/td>\nWeek<\/strong><\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n
<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n
7<\/strong><\/td>\nButtons with images<\/strong><\/td>\nMake the Submit and Reset buttons in the form having pictures on it instead of simple text.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
8<\/strong><\/td>\nExternal Style Sheet<\/strong><\/td>\nCall an External Style Sheet in the webpage in which Font Size of the text must be 77 points Color of the text must be green and background of the webpage must be yellow.<\/td>\n<\/td>\n<\/tr>\n
9<\/strong><\/td>\nUse of on Click Event<\/strong><\/td>\nChange the color of the text when it is clicked.<\/td>\n<\/tr>\n
10<\/strong><\/td>\nUse of on Mouse Over<\/strong><\/p>\n

Event<\/strong><\/td>\n

When we bring the mouse on the image, the image changes its position.<\/td>\n<\/tr>\n
11<\/strong><\/td>\nNavigation bar using CSS<\/strong><\/td>\nMake two navigation bars with CSS using class and id attribute. One should be on the top of the page and the second should be displayed on left of the page in shape of<\/p>\n

a column.<\/td>\n<\/tr>\n

12<\/strong><\/td>\nForms<\/strong><\/td>\nMake a login and signup form on different pages that should be displayed in the center of the page using CSS<\/p>\n

and html.<\/td>\n<\/tr>\n

13<\/strong><\/td>\nDropdowns<\/strong><\/td>\nMake dropdowns with nested HTML tags and CSS.<\/td>\n<\/tr>\n
14<\/strong><\/td>\nBootstrap based<\/strong><\/p>\n

columns<\/strong><\/td>\n

Make different sizes of columns using bootstrap classes.<\/td>\n<\/tr>\n
15<\/strong><\/td>\nForms using bootstrap<\/strong><\/td>\nMake a form using Bootstrap classes for buttons and<\/p>\n

forms.<\/td>\n<\/tr>\n

16<\/strong><\/td>\nProgress Bar<\/strong><\/td>\nA progress bar for student\u2019s skills in coding languages<\/p>\n

using bootstrap.<\/td>\n<\/tr>\n

17<\/strong><\/td>\nBootstrap based pages<\/strong><\/td>\nMake 3 pages of home page, admission form, and about<\/p>\n

us page using bootstrap classes with navigation bars, headers, footers and forms.<\/td>\n<\/tr>\n

18<\/strong><\/td>\nUse Output Statement<\/strong><\/p>\n

of JavaScript<\/strong><\/td>\n

Display your name on the screen using JavaScript.<\/td>\nWeek \u20133<\/strong><\/td>\n<\/tr>\n
19<\/strong><\/td>\nUse of If\u2026else Condition<\/strong><\/td>\nUse If…else statement of JavaScript to write a code to Display \u201cGood Morning\u201d or \u201cGood Afternoon\u201d according to<\/p>\n

current Time.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
20<\/strong><\/td>\nUse of switch statement<\/strong><\/td>\nUse the switch statement to display \u201ctoday is (whatever day it is)\u201d according to the current day.<\/td>\n<\/td>\n<\/tr>\n
21<\/strong><\/td>\nUse of for loop<\/strong><\/td>\nUse of loop to display a string of all the names of months<\/p>\n

using JS functions and variables.<\/td>\n<\/tr>\n

22<\/strong><\/td>\nAlert message<\/strong><\/td>\nMake an alert message display on the screen if the user<\/p>\n

clicks a button.<\/td>\n<\/tr>\n

23<\/strong><\/td>\nJavaScript calculator<\/strong><\/td>\nMake a JavaScript calculator that should answer addition, multiplication and subtraction question using JavaScript<\/p>\n

variables.<\/td>\n<\/tr>\n

24<\/strong><\/td>\nHide and show in jQuery<\/strong><\/td>\nMake a paragraph line and two buttons named \u201chide\u201d and \u201cshow\u201d using HTML and hide the paragraph if the button \u201chide\u201d is clicked, and show the paragraph if the button \u201cshow\u201d is clicked.<\/td>\n<\/tr>\n
25<\/strong><\/td>\nSlide down button<\/strong><\/td>\nMake a button that slides down some content when clicked using jQuery.<\/td>\n<\/tr>\n
26<\/strong><\/td>\nUse of Switch Statement<\/strong><\/td>\nUse the Switch statement of PHP to display the current day of the<\/p>\n

week.<\/td>\n

Week-4<\/strong><\/td>\n<\/tr>\n
27<\/strong><\/td>\nLoops to display numbers on screen<\/strong><\/td>\nWrite a Program to display count, from 5 to 15 (as shown below) using following:<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 For Loop<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 While Loop<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Do\u2026while Loop<\/td>\n<\/tr>\n

28<\/strong><\/td>\nUse Output Statement<\/strong><\/p>\n

of PHP<\/strong><\/td>\n

Display your name on the screen using PHP.<\/td>\n<\/tr>\n
29<\/strong><\/td>\nUse of If\u2026else Conditi<\/strong><\/p>\n

on<\/strong><\/td>\n

Use the If…else statement of PHP to write a code to Display \u201cGood Morning\u201d or \u201cGood Afternoon\u201d according to current time.<\/td>\n<\/tr>\n
30<\/strong><\/td>\nUsing JQuery<\/strong><\/td>\nCreate a web page that includes a button and a paragraph element. When the button is clicked, use jQuery to change the text of the paragraph to a predefined message.<\/td>\nWeek-5<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n\n\n
31<\/strong><\/td>\nFactorial of<\/strong><\/p>\n

Number<\/strong><\/td>\n

Write a program to calculate factorial of a number using for<\/p>\n

loop in PHP.<\/td>\n

Week-6<\/strong><\/td>\n<\/tr>\n
32<\/strong><\/td>\nWhile Loop to display<\/strong><\/p>\n

the pattern<\/strong><\/td>\n

Write a Program to create following pattern using while loop:<\/p>\n

*<\/strong><\/p>\n

**<\/strong><\/p>\n

***<\/strong><\/p>\n

****<\/strong><\/p>\n

*****<\/strong><\/p>\n

******<\/strong><\/p>\n

*******<\/strong><\/p>\n

********<\/strong><\/td>\n<\/tr>\n

33<\/strong><\/td>\nDo\u2026while Loop to display the numbers<\/strong><\/td>\nWrite a Program to display count, from 1 to 5 using PHP do…while loop as given below:<\/p>\n

1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/td>\n<\/tr>\n

34<\/strong><\/td>\nUsing Array and for\u2026each loop<\/strong><\/td>\nYou need to write a program in PHP using for…each loop to remove specific elements by value from an array using PHP program.<\/p>\n

Hint:<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Take an array with list of month names.<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Take a variable with the name of value to be deleted<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n

\u00a0<\/strong><\/p>\n\n\n\n\n\n\n
Task<\/strong><\/p>\n

No.<\/strong><\/td>\n

Task<\/strong><\/td>\nDescription<\/strong><\/td>\nWeek<\/strong><\/td>\n<\/tr>\n
35<\/strong><\/td>\nSort the Array Elements<\/strong><\/td>\nWrite a function to sort an array<\/td>\nWeek-7<\/strong><\/td>\n<\/tr>\n
36<\/strong><\/td>\nFind the case of string<\/strong><\/td>\nWrite a PHP function that checks whether a string is all<\/p>\n

lowercase.<\/td>\n<\/tr>\n

37<\/strong><\/td>\nFind String Length<\/strong><\/td>\nWrite a PHP program to find the length of the string. Hint:<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 You have to use one variable.<\/p>\n

\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 You must use a built-in PHP String Function.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n\n\n\n\n\n
38<\/strong><\/td>\nCRUD in PHP<\/strong><\/td>\nCreate a PHP web application with CRUD functionality for managing user information, including fields for id, first name, last name, email, and phone number, enabling users to create, read, update, and delete<\/p>\n

records stored in a MySQL database.<\/td>\n

Week-8<\/strong><\/td>\n<\/tr>\n
39<\/strong><\/td>\nLaravel Task 1<\/strong><\/td>\nIntegrate a master template into a Laravel web application to ensure consistent layout and design across multiple pages, utilizing HTML, CSS, and JavaScript, extending the master template in individual views, and populating dynamic content sections with<\/p>\n

data retrieved from the database or external sources.<\/td>\n

Week-9<\/strong><\/td>\n<\/tr>\n
40<\/strong><\/td>\nLaravel Task 2<\/strong><\/td>\nCreate a Laravel web application that demonstrates one-to-one, one-to-many, one-to-many inverse, and polymorphic (one-to-many) relationships, allowing CRUD operations and proper data management for<\/p>\n

each relationship type.<\/td>\n

Week-10<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” column_margin=”default” equal_height=”yes” content_placement=”top” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” top_padding=”4%” bottom_padding=”4%” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” class=”contact-form-with-img” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_color=”#406f5b” shape_divider_position=”bottom” shape_divider_height=”100″ shape_divider_bring_to_front=”true” bg_image_animation=”none” shape_type=”waves”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” zindex=”-999999999″ gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”5\/12″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][image_with_animation image_url=”2806″ animation=”Fade In” hover_animation=”none” alignment=”” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default” el_class=”img-side-contact”][\/vc_column][vc_column column_padding=”padding-6-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”left-right” top_margin_phone=”4%” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”7\/12″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_custom_heading text=”Quick Inquiry” font_container=”tag:h2|font_size:36|text_align:left|color:%23000000|line_height:1.2″ google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1677876449507{margin-bottom: 3% !important;padding-top: 4% !important;}” el_id=”contact”][vc_column_text]\n
\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n\n\n\n\n\n\n\n<\/div>\n
    \n\t

    <\/i><\/span><\/i><\/span>\n\t<\/p>\n<\/div>\n

    \n\t

    <\/i><\/span><\/i>