This course is a complete guide to master Pyscript.
Pyscript is a technology that permits running python code on the browser. It is a micro FrontEnd, like Angular, React.
In this course student will be able to master :
- Regular pyscript tags
- DOM Manipulation
- Events
- WebService consumption & CRUD Operations
- Pagination
- Upload
- Download
- Transferring data between pages
- Customized tags
- Other projet: Migration from Javascript to Pyscript
The instructor talks about the theorical part of this technology, and proposes the part of implementation as a concretization of these notions.
This Pyscript course focuses on the fundamental concepts of the Pyscript technology. This course will empower students with the skills to design client-side, platform-independent solutions that greatly increase the value of your Web site by providing interactivity and interest.
This course gets you started with an introduction to Pyscript. We assume that you’re new to the language, so it gets you started with basic functionality such as creating functions, creating variables, and calling these lines of code from your standard HTML pages. We talk about events and triggers for custom event handling. We also discuss pattern matching, searching for text within a page, flow control and the document object model (DOM).
The Pyscript programming language is a fundamental building block of the internet, and is an essential tool to have in your web development toolkit. This online Pyscript training course can help you use JavaScript in conjunction with HTML and CSS to add interactive, dynamic elements to your web pages.
Designed for beginners, no prior experience or special skills are required to take this course. You will learn the basics of Pyscript for front end web development through hands-on application and examples every step of the way. By the end of the course, you will have built a fully functional flashcard app to demonstrate your practical knowledge.
This course is designed for all kind of developers.
Motivation
Before Starting
Pyscript Hello Word
Migration: JavaScript to PyScript
-
5Using pyscript tag
-
6Using pyscript tag : Implementation
Let's clone the project from gitlab repository:
https://gitlab.com/badrelkhalyly92/mastering-pyscript-using-tag/-/tree/master/
To clone the project, use this git command
git clone https://gitlab.com/badrelkhalyly92/mastering-pyscript-using-tag.git
-
7Displaying result in HTML element
-
8Displaying result in HTML element : Implementation
-
9How does Pyscript work
Pyscript Regular Tags
-
11The meaning of DOM Manipulation
Let's clone the project from gitlab repository:
https://gitlab.com/badrelkhalyly92/mastering-pyscript-using-tag/-/tree/master/
To clone the project, use this git command
git clone https://gitlab.com/badrelkhalyly92/mastering-pyscript-using-tag.git
-
12Reading HTML elements
-
13Reading HTML elements: Implementation
Let's clone the project from gitlab repository:
https://gitlab.com/badrelkhalyly92/mastering-pyscript-using-tag/-/tree/master/
To clone the project, use this git command
git clone https://gitlab.com/badrelkhalyly92/mastering-pyscript-using-tag.git
-
14Creating HTML elements
-
15Creating HTML elements : Implementation
-
16Setting HTML elements
-
17Setting HTML elements : Implementation
-
18Removing HTML elements
-
19Removing HTML elements : Implementation
Pyscript Events
Web Service Consumption & CRUD Operations using Pyscript
-
27What does event mean ?
-
28Designing an event
-
29Event : Implementation
Let's clone the project from gitlab repository:
https://gitlab.com/badrelkhalyly92/mastering-pyscript-event/-/blob/master
To clone the project, use this git command
git clone https://gitlab.com/badrelkhalyly92/mastering-pyscript-event.git
Pyscript : Customized HTML Element
-
30Presentation of the workshop project
Clone the CRUD Project concerning a Book Warehouse Management System from the repository
https://gitlab.com/badrelkhalyly92/crud-pyscript/-/tree/udemy-course
-
31Book Warehouse Management CRUD : Demo
-
32XMLHttpRequest API
-
33Displaying books
-
34Registering books
-
35Updating & Deleting books
-
36Designing Pagination
-
37Designing Download
-
38Displaying books & Pagination : Implementation
-
39Registering books : Implementation
-
40Updating books : Implementation
-
41Deleting books : Implementation
-
42Download Feature : Implementation
Pyscript : DataScience Librairies
-
43Single Page Application
Let's clone the project from gitlab repository:
https://gitlab.com/badrelkhalyly92/mastering-pyscript-custom-element/-/tree/master
To clone the project, use this git command
git clone https://gitlab.com/badrelkhalyly92/mastering-pyscript-custom-element.git
-
44Custom Tags
Let's clone the project from gitlab repository:
https://gitlab.com/badrelkhalyly92/mastering-pyscript-custom-element/-/tree/master
To clone the project, use this git command
git clone https://gitlab.com/badrelkhalyly92/mastering-pyscript-custom-element.git
-
45Custom Attributes
-
46Custom Tags & Attributes : Implementation