Web - demo & Learning Path

Web - demo & Learning Path

    __∧_∧__    ~~~~~
　／(*´O｀)／＼
／|￣∪∪￣|＼／
　|＿＿ ＿|／

---

JavaScript demo

Path: https://github.com/ocholuo/language/tree/master/0.project/webdemo/

lab	pic
DLTP-MiniProject - 200831	✔️
- Change every pixel <img alt=”pic” src=”pic” src=”/assets/img/webdemoimage/demo-DLTP-MiniProject.png” width=”150” alt=”DLTP-MiniProje<img alt=”pic” src=”<img alt=”pic” src=”/assets/img/webdemoimage/demo-dogrey.png” width=<img alt=”pic” src=”“dogrey”> <img alt=”pic” src=”/assets/img/webdemoimage/demo-dored.png” <img alt=”pic” src=”/assets/img/webdemoimage/demo-dora<img alt=”pic” src=” width=”150” alt=”dorainbow”>	.
DLTP-GreenScreenWeb - 200830	✔️
- Exchange every pixel <img alt=”pic” src=”pic” src=”/assets/img/webdemoimage/demo-GreenScreen1.png” width=”300” alt=”GreenScree<img alt=”pic” src=”	.
DLTP-Practise - 200830	✔️
DLTP-Steganography - 200830	✔️
- for base image, only take first 4 digit - pixel.setRed(clearbitsforbasepixel(pixel.getRed())) - return var clearnum = Math.floor(colornum/16)*16 - for hide image, only take first 4 digit - pixel.setRed(clearbitsforhidepixel(pixel.getRed())) - return var clearnum = Math.floor(colornum/16) - then combine(baseimg, hideimg) - pixel.setBlue(bp.getBlue() + hp.getBlue())	.

---

Web demo

Path: https://github.com/ocholuo/language/tree/master/0.project/webdemo/

lab	pic
my website	✔️
css cheat sheet	✔️
Number Guess Game	✔️
Silly Story Generator	✔️
Add User	✔️
Canvas Ball	✔️

---

Traversy Media recommand!!!!!

Web technology for developers

• Web technologies
  • Basics
    • HTML
    • CSS
  • Scripting
    • JavaScript
      • For complete beginners = 030[JavaScript — Dynamic client-side scripting]
      • Intermediate
      • Advanced
    • Web APIs
  • Graphics
    • SVG Scalable Vector Graphics
    • WebGL brings 3D graphics to the Web
  • Other
    • MathML
• Documentation by type
  • Web Developer Guide
  • Tutorials for Web developers
• Other topics
  • Developing Web applications
  • Accessibility
  • Security
• HTTP
  • ✔️ HTTP cookie

Learn web development

• 000Getting started with the web
• HTML — Structuring the web
• CSS — Styling the web
• 030JavaScript — Dynamic client-side scripting
  • ✔️ JavaScript First Steps
  • ✔️ JavaScript building blocks
  • ✔️ 033[Introducing JavaScript objects]
  • Asynchronous JavaScript
  • 035Client-side web APIs
    • Introduction to web APIs
    • Manipulating documents
    • Fetching data from the server
    • Third party APIs
    • Drawing graphics
    • Video and audio APIs
    • Client-side storage
• Web forms — Working with user data

.