Studying Web Development at 6 semester in KBTU(2021 SPRING)
Lecture examples https://github.com/bobur554396/WD2021Spring
Week 1. WebDevelopment -----------------------------------------
Lab1 - In this lab work you have to pass all topics which are listed from the following tutorials: https://www.khanacademy.org/computing/computer-programming/html-css Intro to HTML Intro to CSS More HTML tags CSS text properties Web development tools CSS layout More CSS selectors https://classroom.udacity.com/courses/ud001 All Lessons from 1 to 4
Week 2. HTML5, CSS3 -----------------------------------------
Lab2 - Facebook,Instagram,Microsoft Task 1. Create a login page of Facebook using html/html5 and css/css3. Task 2. Create a login page of Instagram using html/html5 and css/css3. Task 3. Create a homepage (blocks in following screen) of Microsoft using html/html5 and css/css3.
Useful links https://github.com/kamranahmedse/developer-roadmap http://htmlbook.ru/ https://html5andcss3.org/ Style guide HTML: https://www.w3schools.com/html/html5_syntax.asp Style guide CSS: https://github.com/airbnb/css
Week 3. JavaScript ----------------------------------------- Topics ECMAScript Data types Functional Programming JavaScript Object Notation (JSON) Document Object Model Event handling
Lab 3 - Create TodoList First task: https://javascript.info/ till section data-types inclusively
Second task: Create a simple todo list app with all working actions. adding new item marking as “done” (checkbox) deleting item
Useful links https://learn.javascript.ru/ https://www.w3schools.com/js/ https://developer.mozilla.org/ru/docs/Learn/Getting_started_with_the_web/JavaScript_basics Style guide JavaScript: https://github.com/airbnb/javascript
Week 4. Angular ----------------------------------------- Topics TypeScript Angular
Lab 4 - Online store Show your understanding of Angular. Complete project from tutorial Your First App. Add component “product-item”, which shows for each product: image name description rating Each product should be linked to a real item from Amazon. Must be at least 10 products Buttons “Share” for each product, by clicking, user should be redirected to Whatsapp or Telegram with link to the product Optional: Add product image gallery, minimum 3 images.
Useful links https://angular.io/guide/setup-local https://angular.io/start https://angular.io/docs https://angular.io/guide/component-styles https://nodejs.org/en/
Workspace https://www.jetbrains.com/ru-ru/webstorm/ https://code.visualstudio.com/