Web-video

Авторadmin / Опубликовано

Web video

Моё для цифровой кафедры МУАМ

2 урок пятница списки ссылки здесь
2 урок среда атрибуты списки ссылки здесь
3 урок пятн, 2,5 часа создание своего сайта html здесь
3 урок среда создание своего сайта html здесь
4 урок среда в 18 30 создание квеста html здесь
5 урок среда 15 11 квест css + flex здесь
6 урок среда 22 11 квест grid + site css здесь
7 урок среда 29 11 элементы управления формы и grid немного здесь
8 урок среда 6 12 css фильтры здесь
9 урок среда 13 12 введение в javascript здесь

лабораторная работа № 12 (01.03.2024) здесь

HTML

Coursera HTML CSS Javascript

  • 1 5 Lecture 10 Displaying Images here
  • 1 6 Lecture 2 Relevant History of HTML here
  • 1 7 Lecture 3 Anatomy of an HTML Tag here
  • 1 8 Lecture 4 Basic HTML Document Structure here
  • 1 9 Lecture 5 HTML Content Models here
  • 1 10 Lecture 5 HTML Content Models here
  • 1 11 Lecture 7 Lists here
  • 1 12 Lecture 8 HTML Character Entity References here
  • 1 13 Lecture 9 Creating Links here
  • 1 14 Lecture 10 Displaying Images here

    • Derek Banas:

  • HTML 5 Tutorial (1h 12m) here
  • Learn HTML in 15 Minutes here
  • XHTML Video Tutorial here

    • CodeBeauty:

  • HTML + CSS (4 урока): here

    • developedby у него и CSS
    Learn HTML5 (1h 30m) here

    Mosh: у него и CSS
    HTML Tutorial for Beginners: HTML Crash Course here
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++

    CSS

    Coursera HTML CSS Javascript

  • 1 ЛекцияLecture 11 Power of CSS here
  • 2 2 Lecture 12 Anatomy of a CSS Rule here
  • 2 3 Lecture 13 Element, Class, and ID Selectors here
  • 2 4 Lecture 14 Combining Selectors here
  • 2 5 Lecture 15 Pseudo Class Selectors here
  • 2 6 Lecture 16 Style Placement here
  • 2 7 Lecture 17, Part 1 Conflict Resolution here
  • 2 8 Lecture 17, Part 2 Conflict Resolution here
  • 2 9 Lecture 18, Part 1 Styling Text here
  • 2 10 Lecture 18, Part 2 Styling Text here
  • 2 11 Lecture 19, Part The Box Model here
  • 2 12 Lecture 19, Part 2 The Box Model here
  • 2 13 Lecture 19, Part 3 The Box Model here
  • 2 14 Lecture 20 The background Property here
  • 2 15 Lecture 21 Positioning Elements by Floating here
  • 2 16 Lecture 22, Part 1 Relative and Absolute Element Positioning here
  • 2 17 Lecture 22, Part 2 Relative and Absolute Element Positioning here
  • 2 19 Lecture 23, Part 1 Media Queries here
  • 2 20 Lecture 23, Part 2 Media Queries here
  • 2 21 Lecture 24, Part 1 Responsive Design here
  • 2 22 Lecture 24, Part 2 Responsive Design here
  • 2 23 Lecture 25, Part 1 Introduction to Twitter Bootstrap here
  • 2 24 Lecture 25, Part 2 Introduction to Twitter Bootstrap here
  • 2 25 Lecture 26, Part 1 The Bootstrap Grid System here
  • 2 26 Lecture 26, Part 2 The Bootstrap Grid System here

    • Mosh: у него и html

  • Css Basics here

    • developedby у него и html

  • Отдельное: CSS3 For Beginners (1h 30m) here
  • Input Animations With HTML And CSS here
  • SVG Animation With Text Tutorial | HTML CSS here
  • CSS Position Tutorial | Learn CSS For Beginners here
  • Image Animations Tutorial with HTML CSS here
  • Learn Flexbox In 20 Minutes | Learn HTML & CSS | Flexbox Tutorial here
  • Learn Sass In 20 Minutes | Sass Crash Course here
  • Top 10 CSS Tricks You Didn’t Know! here

    • …

  • CSS Pseudo Classes and Elements Tutorial here
  • Learn CSS Displays in 12 Minutes | Grid, Flexbox, Inline Block, Block here
  • Vanilla CSS Scroll Animations Now Possible! here

    • Derek Banas: плейлист (не совсем css)

  • How to Layout a Website here
  • CSS3 Tutorial (59m) here

    • +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    JavaScript

    Mosh:

  • JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour here
  • ES6 Tutorial: Learn Modern JavaScript in 1 Hour here

    • playlist (21 video):

  • What is JavaScript? here

    • Derek Banas: плейлист (13 видео)
    JavaScript Tutorial & Real JavaScript Projects here
    Caleb Curry:

  • intro: JavaScript Programming All-in-One Tutorial Series (9 HOURS!) here
  • Intro to JavaScript here

    • Introduction to JavaScript Programming here
    JavaScript Programming Tutorial 1 — Intro to JavaScript here
    JavaScript Programming Tutorial 2 — Our First JavaScript Program here
    JavaScript Programming Tutorial 3 — Manipulating HTML with JavaScript here
    JavaScript Programming Tutorial 4 — Basics, Input, Output, Comment here
    JavaScript Programming Tutorial 5 — Application Architecture here
    JavaScript Programming Tutorial 6 — Variables and Expressions here
    JavaScript Programming Tutorial 7 — IIFE, Scope, and Window Object here
    JavaScript Programming Tutorial 8 — Engines and Runtime Environments here
    … оочень много
      
    еще что-то:

  • Our First JavaScript Program here
  • Manipulating HTML with JavaScript here
  • Basic, Input, Output, Comments here

    • ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    JQuery + Ajax

    Derek banas: плейлист (9 видео)

  • here
  • JQuery Video Tutorial Pt 2 here
  • JQuery Video Tutorial Pt 3 here
  • JQuery Video Tutorial Pt 4 here
  • JQuery Video Tutorial Pt 5 here
  • JQuery Video Tutorial Pt 6 here
  • JQuery Video Tutorial Pt 7 here
  • JQuery Video Tutorial Pt 8 here

    • +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Node js

    Derek banas: плейлист

  • here

    • Caleb Curry: целый плейлист

  • node + monoDB here
  • И еще плейлист: here

    • ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    PHP + MySQL

    Derek Banas:

  • PHP MySQL Tutorial (19m) here
  • PHP Tutorial (36m) here
  • MySQL Tutorial here

    • Caleb Curry: целый плейлист

  • PHP MySQL in DreamHost Tutorial 1 — Signing Up for Shared Hosting here

    • +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    React js

    Mosh:

  • React JS — React Tutorial for Beginners here

    • Derek Banas: плейлист

  • here

    • Caleb Curry: целый плейлист
    here
    Intro to React — React Tutorial 1 1
    Github, Create React App Files Explained — React Tutorial 2
    Our First Component — React Tutorial 3
    Understand Props in Components — React Tutorial 4
    Intro to useState Hook — React Tutorial 5
    Install Tailwind CSS for React — React Tutorial 6
    Styling React with Tailwind CSS Classes — React tutorial 7
    Map through State Array (Loop) — React tutorial 8
    Create a Popup Modal with React Bootstrap — React Tutorial 9
    Create and Style HTML Form — React Tutorial 10
    Prefill Form Data in Modal — React Tutorial 11
    Update Parent Component State in Child Component — React Tutorial 12
    How to Push to State Array — React Tutorial 13
    Pass a Component to Props — React Tutorial 14

    Fireship
    playlist to React here
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Create React App

    Русский CodeDojo здесь
    Русский IT-KAMASUTRA здесь

    Fireship
    7 better ways to create a React app here

    +++++++++++++++++++++++++++++++++++++++++

    Create A React App using Vite

    How to Create A React App using Vite here
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Angular js

    Derek banas: плейлист
    here

    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    GitHub

    Создание репозитория здесь (на русском)
    Перенос с локального репозитория на GitHub здесь
    Зачем нужен токен и как его создать здесь