André Restivo

home
courses
ltw

LTW | 2023

For more information, please join the LTW slack channel. You should have received an invitation in your e-mail; if not, contact me.

Information

Official Page
Assessment: Exam 50%, Project 50%

Contents

Week	Theory Classes	Pratical Sessions
1	Course Presentation. Web Fundamentals: What is the Web And how does it Work Hyper Text Markup Language: Introduction & History Document Content Sections Lists and Tables Forms Character Entities Metadata Validation Slides: The Web \| HTML	no practical session
2	Cascading Style Sheets Introduction and History Linking to HTML Selectors: Combining, Grouping, and Pseudo-selectors Color, Fonts and Text Length Units Box Model Validation Slides: CSS	HTML Practice: Understanding HTML as a semantic language. Exercises Solutions
3	no theory class	HTML/CSS Practice: Using HTML to structure and CSS to style. Exercises Solutions
4	Cascading Style Sheets Background Lists and Tables Transform Transition The Flow Flexbox and Grid Cascading: Specificity, Precendence and Inheritance. Vars Responsive Design Prefix Slides: CSS	CSS Practice: Use of CSS to style HTML documents. Exercises Solutions
5	PHP Introduction & History But why PHP? Variables Control Structures Strings (the basics) Arrays (the basics) Functions (the basics) Exceptions Connecting to Databases HTTP Parameters Slides: PHP	CSS Practice: Advanced use of CSS to style HTML documents. Exercises Solutions
6	PHP Strings Functions Arrays Functions Coercive and Strict Typing Classes Sessions Passwords (the basic) Headers Includes JSON Best Practices Example: Chinook example Project: Presentation Slides: PHP	PHP Practice: Creating dynamic web pages with PHP. Exercises Solutions Project Mockups and navigation diagrams for the main pages First draft of the database design.
7	JavaScript: Introduction & History Variables Control Structures Functions Arrays (the basic) DOM: Introduction Elements Traversing Events Slides: JavaScript and DOM	PHP Practice: Creating dynamic web pages with PHP. Exercises Solutions Project Finalize database script and create database. Partial implementation of some main pages and first CSS version.
8	JavaScript: Objects This Classes Error Handling Asynchronous Code JSON DOM: Ajax Timers Search Using Ajax Example. Slides: JavaScript and DOM	Project Most main pages implemented.
-	no theory class	no practical session
9	HTTP: URIs and URLs HTTP URL HTTP Request HTTP Response Headers Slides: HTTP	JavaScript Practice: Creating dynamic web pages with JavaScript. Exercises Solutions Project All main pages implemented. Start working on secondary features.
10	Web Security: Path Traversal SQL Injection XSS CSRF Man-in-the-middle and HTTPS Credential Storage and Passwords Image Upload Example. Sucess and Error messages Example. Slides: Web Security	Project Continue working on secondary features. Start working on Javascript and Ajax.
11	no theory class	WebSecurity Practice: Learning how to secure web applications. Exercises Solutions Project REST API or other secondary features. Testing and code cleanup.
12	Regular Expressions: Literal Characters Character Classes Zero-Length Matches Alternation Quantifiers Grouping and Capturing Backreferences Backtracking Lookaround Usage in PHP, JavaScript and HTML. HTTP: SOP and CORS REST PHP and HTTP Slides: Regular Expressions \| HTTP	Project Finish secondary features. Main focus on security aspects.
-	no theory class	no practical session
13	XML: Valid XML Namespaces Technologies and Applications. XPath: Data Types Location Paths Axis Node Tests Predicates Abbreviations JavaScript: Prototypes Arrays (advanced) Destructuring Map & Set Scope DOM: Advanced DOM Slides: XML \| XPath \| JavaScript \| DOM	Project Testing and code cleanup.
14	Beyond the Basics: MPA vs. SPA and PWA Web APIs Frameworks MPA and SPA examples. Q&A (preparation for the final exam) Slides: Beyond the Basics	Project Demos.