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
