Scribd
Upload
43 views

Web Programming 2 Course 1

This document outlines the plan for a web programming course taught by Cyril Deyou. It includes an overview of topics like the internet vs the world wide web, implementation of intranets, development tools like Visual Studio Code, collaborative working tools like GitHub and Scrum/Trello, and potential group project ideas. User research and wireframes are also discussed. The course will cover HTML, CSS, JavaScript, PHP, and databases like MySQL.

Uploaded by

Maxipinco
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
43 views

Web Programming 2 Course 1

This document outlines the plan for a web programming course taught by Cyril Deyou. It includes an overview of topics like the internet vs the world wide web, implementation of intranets, development tools like Visual Studio Code, collaborative working tools like GitHub and Scrum/Trello, and potential group project ideas. User research and wireframes are also discussed. The course will cover HTML, CSS, JavaScript, PHP, and databases like MySQL.

Uploaded by

Maxipinco
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 20

WEB PROGR A M M I NG

RCE & D IGITAL MA RK E TIN G


ENGIN EE RING / EC OM ME
SOFTWARE

L L ST A C K WE B D E VE LO PER
BY CYRIL DEYOU, FU
PLAN OF THE DAY
• Overview of previous knowledges
• Internet VS World Wide Web
• Internet, Intranet and Extranet
• Implementation of an intranet
• Presentation of development tools
• Collaborative working
• Presentation of group works

WEB PROGRAMMING I BY CYRIL DEYOU


OVERVIEW OF PREVIOUS KNOWLEDGE

• Correction of assignment
• User research and testing reports
• Wireframe diagrams
• Site diagram

WEB PROGRAMMING I BY CYRIL DEYOU


USER RESEARCH AND TESTING REPORTS
• Understanding the needs, desires, and limitations of users is central to the success
of the design of the site or web application.

• User Centered Design (UCD)


• Site designs is often conducted with user research, including interviews and
observations,.

• It is aimed at gaining a better understanding of how the site can solve problems
or how it will be used.

WEB PROGRAMMING I BY CYRIL DEYOU


WIREFRAME DIAGRAMS

WEB PROGRAMMING I BY CYRIL DEYOU


SITE DIAGRAM

WEB PROGRAMMING II BY CYRIL


DEYOU
WHAT LANGUAGES DO I NEED TO LEARN?
Web-related technologies:

• Hypertext Markup Language (HTML)


• Cascading Style Sheets (CSS)
• JavaScript and DOM scripting
• Server-side programming and database management
• Php (frameworks like laravel, cake php etc)
• Python (frameworks like Django etc)
• Mysql

WEB PROGRAMMING I BY CYRIL DEYOU


INTERNET VS WORLD WIDE WEB
• Internet
• The Internet is a network of connected devices.
• The purpose of connecting them together is to share information and resources.
• Different internet protocols exists to share information and resources online.
• The Web
• One of the ways information can be shared over the Internet.
• It is unique in that it allows documents to be linked to one another using hypertext
links thus forming a huge “web” of connected information.
• The Web uses a protocol called HTTP(HyperText Transfer Protocol).

WEB PROGRAMMING I BY CYRIL DEYOU


WEB PAGE ADRESSES (URL)
(UNIFORM RESOURCE LOCATOR )

WEB PROGRAMMING I BY CYRIL DEYOU


INTRANET VS EXTRANET

WEB PROGRAMMING I BY CYRIL DEYOU


IMPLEMENTATION OF INTRANET/EXTRANET

WEB PROGRAMMING I BY CYRIL DEYOU


PRESENTATION OF DEVELOPMENT TOOLS
1. IDE : Integrated Development Environment
• Visual Studio Code. ...
• Atom by GitHub. ...
• Sublime Text 3. ...
• PyCharm. ...
• IntelliJ IDEA. ...
• PHPStorm. ...
• Webstorm. ...
• etc
WEB PROGRAMMING I BY CYRIL DEYOU
PRESENTATION OF DEVELOPMENT TOOLS
1. IDE : Integrated Development Environment : Why VS code?

• Support for multiple programming • Hierarchy Structure


languages
• Improving Code
• Intelli-Sense: It can detect if any • Terminal Support
snippet of code is left incomplete.

• Cross-Platform Support • Multiple projects containing multiple


files/folders can be opened
• Extensions and Support simultaneously
• Repository management • Git Support
• Web-Support • Commenting facilities
WEB PROGRAMMING I BY CYRIL DEYOU
COLLABORATIVE WORKING
• People working jointly on an activity or project to achieve a common goal
• Usually involves co-operation between several teams, departments and/or
different organizations to achieve an agreed objective.

WEB PROGRAMMING I BY CYRIL DEYOU


COLLABORATIVE WORKING TOOLS
1. VERSION CONTROL TOOLS
Version control systems are software
tools that help software teams manage
changes to source code over time. As
development environments have
accelerated, version control systems
help software teams work faster and
smarter.

WEB PROGRAMMING I BY CYRIL DEYOU


COLLABORATIVE WORKING TOOLS
1. VERSION CONTROL TOOLS : GITHUB (www.github.com)

WEB PROGRAMMING I BY CYRIL DEYOU


COLLABORATIVE WORKING TOOLS
1. SCRUM:
find more on : https://www.atlassian.com/agile/scrum

WEB PROGRAMMING I BY CYRIL DEYOU


COLLABORATIVE WORKING TOOLS
2. SCRUM: Implementation With Trello (www.trello.com)

WEB PROGRAMMING I BY CYRIL DEYOU


GROUP WORKS
IDEAS FOR PROJECTS

• Management of a football competition


• Management of a school report cards and marks system
• Online course platform
• Online hiring platform (to hire people for services)

WEB PROGRAMMING I BY CYRIL DEYOU


REVIEW OF THE DAY
• Overview of previous knowledge
• Internet VS World Wide Web
• Internet, Intranet and Extranet
• Implementation of an intranet
• Presentation of development tools
• Collaborative working
• Presentation of group works

WEB PROGRAMMING I BY CYRIL DEYOU

You might also like