0% found this document useful (0 votes)
55 views

Lect # 1 To 30

Uploaded by

hasnain.xgoku4
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
55 views

Lect # 1 To 30

Uploaded by

hasnain.xgoku4
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 282

Welcome to

KICS UET Lahore


Zohaib Ahmad Chughtai (Instructor Full Stack)

Education: Mphil (Computer Science), Bs(Information Technology)


Experience:
• 2019- Present
• Sr. Research Officer System Software Lab
• 2015-2019
• IT Manager In Punjab Group Of Colleges
Certifications:
• Certified Full stack web development in ASp.Net • MS OFFICE 2007-10
MVC • AUTOCAD 2006-2007
• Web development html5 css3 • ADOBE PHOTOSHOP 7.0
• Wordpress website design • COREL DRAW 9-12
Projects:
• 100+ UET Websites 35+ Kics Website • CMMS (Computerized maintenance and
• School Management system Management system)
• • In House Applications
Hotel Management System
• • Develop E-commerce Website
Hospital Management System
• • Textile Management system
Online Education System
• • Health Care Clinic
Job Portal
Full Stack Web Developer
• A full-stack developer is a programmer who works within
software development and is knowledgeable in both the
front end and back end of an application. They work to
create a seamless user experience through their diverse
skill set. They're also well-versed in databases, server
configuration and user interface.
Full Stack Web Developer
• It's important to note that as a full-stack developer, you're
not required to know everything, but having an overall
understanding of what's going on in the front end and
back end is key.
Market Demand
Front End Development
The part of a website like text colors and styles, images, graphs and tables, buttons, colors, and navigation
menu. The structure, design, behavior, and content of everything seen on browser screens when websites,
web applications, or mobile apps are opened up, is implemented by front End developers.
• User Interfaces
• Client Side
• Users Experience
• Responsiveness
• Performance
The developer must ensure that the site is responsive i.e. it appears correctly on devices of all sizes no
part of the website should behave abnormally irrespective of the size of the screen.
Front end Languages:

• Frontend Languages: Frontend languages are used to build the user interface and
• control the presentation layer of a website or web application. Common frontend
• languages include HTML (Hypertext Markup Language) for structure, CSS (Cascading
• Style Sheets) for styling, and JavaScript for interactivity.
• Backend Languages: Backend languages are responsible for server-side operations
• such as processing user requests, interacting with databases, and generating dynamic
• content. Common backend languages include Python, Ruby, PHP, Java, and Node.js.
• These languages handle the logic and data processing behind the scenes, enabling the
• functionality of websites and web applications.
Install VS Code Editor:
• To install Visual Studio Code (VS Code) editor, you can visit the
official Visual Studio
• Code website (https://code.visualstudio.com/) and download the
installer for your
• operating system. VS Code is a lightweight yet powerful code
editor developed by
• Microsoft, featuring support for various programming languages,
built-in Git integration,
• debugging capabilities, extensions for additional functionality, and
customizable themes
• and settings.
Front End Frameworks and Libraries:
• jQuery: jQuery is an open-source JavaScript library that
simplifies the interactions between an HTML/CSS document, or
more precisely the Document Object Model (DOM), and
JavaScript. Elaborating the terms, jQuery simplifies HTML
document traversing and manipulation, browser event handling,
DOM animations, Ajax interactions, and cross-browser
JavaScript development., some other Frameworks are;
• AngularJS
• React.js
• SASS
• Flutter
Lesson #1
Lesson #1
Lesson #1
Lesson #1
Lesson #1
Lesson #1
Lesson #1
Lesson #1
Lesson #1
Lesson #1
Lesson #2
Lesson #2
Lesson #2
Lesson #2
Lesson #2
Lesson #2
Lesson #2
Lesson #2
Lesson #2
Lesson #3
Lesson #3
Lesson #4
Lesson #4
Lesson #5
Lesson #5
Lesson #5
Lesson #5
Lesson #5
Lesson #5
Lesson #5
Lesson #5
Lesson #5
Lesson #6
Lesson #6
Lesson #6
Lesson #6
Lesson #6
Lesson #6
Lesson #6
Lesson #7
Lesson #7
Lesson #7
Lesson #7
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 8
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 9
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 10
Lesson # 11
Lesson # 11
Lesson # 11
Lesson # 11
Lesson # 11
Lesson # 11
Lesson # 11
Lesson # 11
Lesson # 11
Lesson # 12
Lesson # 12
Lesson # 12
Lesson # 12
Lesson # 12
Lesson # 12
Lesson # 12
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 12
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 13
Lesson # 14
Lesson # 14
Lesson # 14
Lesson # 15
Lesson # 15
Lesson # 15
Lesson # 15
Lesson # 15
Lesson # 15
Lesson # 15
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 16
Lesson # 17
Lesson # 17
Lesson # 17
Lesson # 17
Lesson # 17
Lesson # 17
Lesson # 17
Lesson # 17
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 18
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 19
Lesson # 20
Lesson # 20
Lesson # 20
Lesson # 20
Lesson # 20
Lesson # 20
Lesson # 20
Lesson # 20
Lesson # 20
Lesson # 21
Lesson # 21
Lesson # 21
Lesson # 21
Lesson # 21
Lesson # 21
Lesson # 21
Lesson # 21
Lesson # 21
Lesson # 22
Lesson # 22
Lesson # 22
Lesson # 22
Lesson # 22
Lesson # 22
Lesson # 22
Lesson # 22
Lesson # 23
Lesson # 23
Lesson # 23
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 24
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 25
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 26
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 27
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 28
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 29
Lesson # 30
Lesson # 30
Lesson # 30
Lesson # 30
Lesson # 30
Lesson # 30
Lesson # 30
Lesson # 30
Lesson # 30
Thank You

You might also like