Autoplay
Autocomplete
Previous Lecture
Complete and Continue
Web Development For Blockchain
Welcome
Welcome (0:48)
Basics of web development, HTML & CSS
1. Architecture of web application: frontend & backend (1:17)
2. Website vs web application (2:21)
3. Frontend & backend communication with the HTTP protocol (4:43)
4. What is HTML? (1:56)
5. Basic structure of an HTML file (2:41)
6. Insert text and images with div, p and img tags (4:47)
7. Create links with the a tag (0:43)
8. Display list of data with tables (1:41)
9. Collect data with forms (2:06)
10. Add styling to an HTML component with CSS (4:23)
11. More CSS rules: margin, padding, layout (3:10)
12. Make your web app look good EASILY with Bootstrap (12:30)
13. Advanced CSS: CSS Flexbox and CSS Grid (3:16)
Introduction to Javascript
1. Introduction (1:02)
2. What Javascript is used for? (3:04)
3. Strings (3:33)
4. Numbers (1:46)
5. Booleans (0:25)
6. Arrays (4:06)
7. Objects (4:54)
8. Control structures: if, for-loop, while, switch (6:22)
9. Functions (4:18)
10. Promises (4:44)
11. The DOM (Document Object Model) (3:35)
12. ES6 features (18:12)
13. Frontend vs Backend Javascript (NodeJS) (2:10)
14. Homeworks (4:41)
Your first React App: a todo list
1. Introduction (1:02)
2. Why we need React? (2:13)
3. How React work? (2:09)
4. JSX (0:47)
5. Webpack & Babel (1:42)
6. Create a React project super quick with create-react-app (4:08)
7. Install Bootstrap for quick & and easy styling (0:53)
8. Create your first React component (2:25)
9. Render a list in React (2:40)
10. Pass data to child components with props (2:28)
11. Use Bootstrap grid and Jumbotron components (1:16)
12. Create another component for new tasks (2:12)
13. Manage component state with the useState() hook (4:01)
14. Lift the state up to parent component (5:13)
15. Mark task as done (7:35)
16. Delete task (2:39)
Next steps
5. Booleans
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock