Через десять дней закончится 2018. Я чувствую, что мой рост в этом году не очень быстрый, и многие пожелания на 2018 год не исполнились. Эта статья - итог моего 2018 года!
В конце года я пришлю вам все видео.Надеюсь, вы сможете добиться прогресса в 2019 году, как в учебе, так и в работе.
Многие люди спрашивали меня, почему я записываю так много бесплатных видео и есть ли какой-то большой заговор.
Когда я учился в школе, моя семья была бедной, мой отец был солдатом, он умер, когда мне было 12 лет, он был на передовой, и мы никогда не видели нашу семью в последний раз. Моя мама художник, на моей памяти каждый раз, когда я прихожу домой с работы, он разноцветный и пахнет краской. После того, как мой отец ушел, моя мать взяла на себя бремя моей бабушки, моего брата и меня, и я зависел только от матери во всех доходах.
Когда я учился программированию, я даже не мог позволить себе книгу по программированию.Каждый день после уроков я наливал кастрюлю холодной воды, покупал две паровые булочки и шел в книжный магазин Синьхуа переписывать книгу (у меня не было мобильный телефон, который в то время мог делать снимки). После копирования главы подождите, пока вы не сможете попрактиковаться на компьютере, а затем просмотрите примечания, чтобы попрактиковаться. В то время я жил очень бедно, меня презирали многие дети из богатых семей, я знаю, как тяжело учиться программированию.
Теперь, когда я в лучшем состоянии, я просто хочу помочь всем и облегчить каждому изучение программирования.
Вот моя запись всех бесплатных курсов.Я очень тупой.Мне приходится готовиться по 3-5 часов на каждый курс,потому что говорить и говорить это действительно две разные сферы.
Всего ушло два года, я не лектор, я фронтовой программист, который набирал код более 8 часов в день, и все курсы записывались, когда я приходил домой с работы и вставал в 4. :30 утра.
Я делаю все это только для того, чтобы вам было легче идти по дороге программирования.
Я не обещаю, что не изменюсь в будущем, но я так думаю на данный момент и думаю так уже два года. Желаю всем своим друзьям всего наилучшего в новом году.
В 2019 году я также буду публиковать три бесплатных видеоурока каждую неделю, надеясь помочь большему количеству друзей изучить интерфейсные технологии.
Технический жир желаю вам мира!
1-Основной видеоурок по Flutter
Познакомьтесь с Флаттером
Среда разработки Flutter для сборки версии Windows
Среда разработки Flutter создает версию для Mac
Установите виртуальную машину AVD, запуск Flutter
Как играть с Flutter под VSCode
Написать программу HelloWorld
Использование текстовых компонентов Text Widget
Использование компонентов контейнера Container 1
Использование компонентов контейнера Container 2
Использование компонента изображения
Введение в компонент списка ListView
Использование горизонтального списка ListView
Использование динамического списка ListView
Компонент списка сетки GridView
Flutter-Использование горизонтальной компоновки Row
Flutter-вертикальная компоновка Компонент столбца
Каскадная компоновка Flutter-Stack
Свойство стека Positioned
Компоновка компонента карты
Общая навигация по страницам и обратно
Передача и прием навигационных параметров (1)
Передача и прием навигационных параметров (2)
переход на страницу и возврат данных
Обработка статических ресурсов и изображений проекта
Упаковка клиента Flutter
2-Flutter 20 уроков с небольшими примерами упражнений
Нижняя навигационная панель производство-1
Нижняя навигационная панель производство-2
Изготовление нестандартной нижней панели инструментов-1
Изготовление нестандартной нижней панели инструментов-2
Классная анимация маршрутизации-1
Классная анимация маршрутизации-2
эффект матового стекла
сохранить состояние страницы
сохранить состояние страницы -2
Не очень простая панель поиска-1
Не очень простая панель поиска-2
Flow layout Имитация добавления фотоэффектов
Развернуть закрытые дела
Развернуть дело с закрытым списком
Безье
Кривая Безье в волнистой форме
Пример анимации заставки при открытии приложения
Проведите вправо, чтобы вернуться на предыдущую страницу дел
Экземпляр элемента управления ToolTip
Перетаскиваемый экземпляр элемента управления
3-ES6 Бесплатное видеоруководство (18 эпизодов)
Среда разработки ES6 для сборки
новый способ декларирования
Разрушение присвоения переменных
оператор спреда и оператор отдыха
шаблон строки
Числовые манипуляции ES6
Новые знания о массивах в ES6 (1)
Новые знания о массивах в ES6 (2)
Стрелочные функции и расширения в ES6
Захват функций и массивов в ES6
Объекты в ES6
Роль символов в предметах
Структуры данных Set и WeakSet
структура данных карты
Предварительная обработка с прокси
Использование объектов-обещаний
использование класса
Модульная работа
4- Обязательное бесплатное руководство по Nginx для интерфейса (всего 11 эпизодов)
Первое знакомство с Nginx и подготовка окружения
Быстрая сборка Nginx
Nginx Базовый файл конфигурации подробно
Запуск службы Nginx, остановка, перезапуск
Настройте страницы ошибок и настройки доступа
Подробно о правах доступа Nginx
Настройка виртуального хоста Nginx
Nginx использует доменное имя для настройки виртуального хоста
Настройки обратного прокси Nginx
Nginx адаптируется к ПК или мобильному устройству
Конфигурация сжатия Gzip для Nginx
Бесплатное видеоруководство по 5-TypeScript, необходимые знания Deno (всего 15 эпизодов)
Знакомство с TypeScript
Установка среды разработки
типы переменных
Функции TypeScript
Как определить три функции
Область действия переменных в функциях
Тип ссылки — массив
тип ссылки - строка
Тип ссылки — объект даты
Тип ссылки — регулярное выражение
Объектно-ориентированное программирование — объявление и использование классов
Объектно-ориентированное программирование — модификаторы
Объектно-ориентированное программирование — наследование и переопределение
Объектно-ориентированное программирование — интерфейс
Объектно-ориентированное программирование — пространства имен
6-Nuxt.js бесплатное видеоруководство по включению рендеринга SSR (всего 11 эпизодов)
Введение в курс NuxtJS
Настройка среды Nuxt и Hello World
Следующие общие элементы конфигурации
Конфигурация маршрутизации Nuxt и передача параметров
Динамическая маршрутизация Nuxt и проверка параметров
Эффект анимации маршрутизации Nuxt
Стандартные шаблоны и макеты Nuxt по умолчанию
Страницы ошибок и мета-настройки личности для Nuxt
Метод asyncData для получения данных
Статические активы и упаковка
7-CocosCreator бесплатное видео от основ до реального боя
Введение в CocosCreator и HelloWorld
Знакомство с программным интерфейсом и игра в мяч
Введение в сцену и основные операции
Слушатель событий ввода игрока
Префаб и таймер
Актуальный бой - знакомство с игрой и анализ проекта
Фактический бой - макет пользовательского интерфейса
Актуальный бой - наблюдение за действиями и избиение главного героя
Реальный бой — случайно сгенерированные шипы.
Настоящий бой — нажмите, чтобы создать шипы и двигаться
Реальный бой - обнаружение столкновений
Настоящий бой - обратный отсчет и увеличение очков
Актуальный бой - приветствуем написание кода интерфейса
Настоящий бой - добавить звуковые эффекты
Actual Battle - Издательская игра
8-Challenge full stack MongoDB базовый видеоурок (всего 21 эпизод)
Знать и установить MongoDB
Базовая команда Монго-1
Основные команды Mongo-2
Напишите команду mongo с файлом js
Правильный способ массовой вставки
Изменить: обновить распространенные ошибки
Модификация: Первое знакомство с модификатором update
Модификация: обновить модификатор массива
Редактировать: Государственный возврат и безопасность
Запрос: модификатор неравенства для поиска
Запрос: запрос поиска с несколькими условиями
запрос: запрос массива для поиска
Запрос: Как использовать параметры find
Запрос: найти, как использовать в тексте js
Индекс: Создание миллионов данных
Индексирование: начало работы с индексированием
Индекс: составной индекс
Индекс: Полнотекстовый индекс
Администрирование: создание, удаление и модификация пользователей
Администрирование: резервное копирование и восстановление
Управление: управление графическим интерфейсом (завершено)
9-Challenge full stack Koa2 бесплатное видеоруководство (всего 13 эпизодов)
Среда разработки Koa для сборки
Как использовать асинхронность/ожидание
Прием Get-запросов
Как получить POST-запрос (1)
Как принимаются POST-запросы (2)
промежуточное ПО koa-bodyparser
Реализация нативной маршрутизации Koa2
Начало работы с промежуточным ПО Koa-router (1)
Уровень промежуточного ПО Koa-router (2)
Параметры промежуточного ПО Koa-router (3)
Использование файлов cookie в Koa2
Введение в шаблон Koa2 (ejs)
koa-static промежуточное ПО для статических ресурсов
10-React Free Video Tutorial — Начало работы и компоненты (всего 11 эпизодов)
Введение в курс React
Настройка среды и программа HelloWorld
Знакомство с синтаксисом JSX
Расширенный синтаксис JSX
Компоненты React: члены состояния
Компоненты React: props и элементы рендеринга
Компоненты React: жизненный цикл
Небольшой пример компонентов React — необходимые упражнения
Компонент реакции: this.props.children
Компоненты React: проверка свойства реквизита
Компонент React: получить настоящий узел DOM
11-React Free Video Tutorial - Применение форм (всего 4 эпизода)
Сформируйте ответ на событие и привяжите мультиплексирование
Повторное использование имени формы React
React Form — управляемый компонент
React Form — неуправляемый компонент
12-READ Строительство проекта и маршрутизация бесплатный видеоурок (10 эпизодов в общей сложности)
Сборка: создание-реагирование-приложение быстрого формирования
Сборка: генератор-реакция-веб-пакет
Сборка: сборка webpack шаг за шагом 01
Сборка: сборка webpack шаг за шагом 02
Маршрутизация: маршрутизация Hello React
Маршрутизация: общие параметры в NavLink
Маршрутизация: настройки 404 и настройки перехода
Маршрутизация: метод передачи значений через маршрутизацию
Маршрутизация: атрибуты и шаблоны маршрутизации в Router
Маршрутизация: объяснение использования подсказки
Видеоруководство по 13-Vue2.0 — внутренние инструкции (всего 8 эпизодов)
Запустите мой Vue2.0
v-if v-else директива v-show
директива v-for: решить проблему цикла шаблона
v-text & v-html
v-on: привязать прослушиватель событий
директива v-модели
директива v-bind
Другие внутренние команды (v-pre, v-cloak и v-once)
14-[Сезон 2] Видеоруководство по Vue2.0 — Глобальный API (всего 9 эпизодов)
Пользовательская директива Vue.directive
Расширение конструктора Vue.extend
Глобальное действие Vue.set
Жизненный цикл Vue (функция ловушки)
Шаблон Сделать шаблон
Компонент Первое знакомство с компонентами
Параметры свойства реквизита компонента
Отношения компонента "родитель-потомок"
Тег компонента
15 [Третий квартал] VEU2.0 Видеоуправления - Опции (набор из 6)
propsData Option глобальная расширенная передача данных
вычисляемый вариант расчета вариант
Вариант методов
Варианты просмотра Мониторинг данных
Расширяет вариант
16-[Сезон 4] Видеоруководство по Vue2.0 — примеры и встроенные компоненты (всего 4 эпизода)
Начало работы с экземплярами — свойства экземпляров
метод экземпляра
событие экземпляра
Встроенные компоненты — описание слотов
17-Vue-cli Бесплатное видеоруководство (всего 3 эпизода)
Vue-cli, давай начнем год
Объяснение структуры проекта Vue-cli
Интерпретация шаблонов Vue-cli
Бесплатное видеоруководство по 18-Vue-router (всего 11 эпизодов)
Начало работы с Vue-маршрутизатором
vue-router настраивает подмаршруты
Как vue-router передает параметры
Одностраничная работа с несколькими зонами маршрутизации
vue-router использует URL для передачи параметров
Редирект vue-router - редирект
использование псевдонима
Маршрутизированная анимация перехода
Настройка режима и обработка страницы 404
Хуки в маршрутизации
Программная навигация
19-vuex бесплатный видеоурок (всего 6 эпизодов)
Птенец, приходите на небольшую демонстрацию
доступ состояния к объекту состояния
Мутации изменяют состояние
геттеры вычисляют операции фильтрации
действия изменяют состояние асинхронно
модуль модульная группа
20- Видео боя Vue - кассовая система ресторана быстрого питания (всего 11 серий)
Mockplus нарисовал наши идеи
Vue-cli создает среду разработки
Получить иконку проекта
Напишите автономный компонент навигации боковой панели
Уплотнение открытого элемента
Быстрая верстка с помощью Element (1)
Быстрая верстка с помощью Element (2)
Axios считывает данные с удаленного
Основная функция модуля заказа-1
Основная функция модуля заказа-2
Упаковка и запуск проекта
21-WEEX Бесплатное видеоруководство — от новичка до самонадеянности (всего 17 эпизодов)
Введение в курс
Установка среды разработки(1)
Установка среды разработки (2)
общие команды weex и горячие обновления
Настройки разработки Android Studio
Отношения любви и ненависти между weex и vue
Пользовательские компоненты и текстовые компоненты
Входные компоненты и впервые встроенные модули
Изображение и видео компоненты
составить список вместе
Получить данные с внутреннего сервера
эффект карусели
компонент и веб-компонент
Общие события и анимации
Научить вас учить себя weex
Модули навигатора и веб-просмотра
Использование vue-router
Бесплатный видеоурок 22-Fabric.js (всего 13 эпизодов)
Знакомство с простой и мощной библиотекой Fabric.js
Нарисуйте простую графику на холсте
Вставьте изображение на холст и установите свойство поворота
Fabric.js рисует неправильные формы с путями
Настройки анимации для Fabric.js
Фильтры изображений для Fabric.js
Цветовой режим Fabric.js и взаимопреобразование
Градиентная заливка для Fabric.js
Настройки текста для Fabric.js
Система событий Fabric.js
Групповой рисунок Fabric.js (1)
Групповой рисунок Fabric.js (2)
Сериализация и десериализация Fabric.js
Бесплатное видеоруководство по 23-CSS3 (всего 31 эпизод)
Выходи замуж за хана, выходи замуж за хана, одевайся и ешь
Знакомство с новыми функциями CSS3 и поддержкой браузеров
Селектор псевдокласса CSS3 1
Селектор псевдокласса CSS3 2 Селектор структурного псевдокласса
Псевдоэлементы CSS3
CSS3 рисует круги с радиусом границы
CSS3 рисует треугольники и диалоги
CSS3 рисует ромб и параллелограмм
Рисование пентаграммы и гексаграммы
CSS3 рисует пентаграмму и гексаграмму
CSS3 рисует форму сердца и яйца
CSS3 рисует диаграмму Тай Чи Инь Ян
CSS3 сделать фоновый слой прозрачным
Цветовой режим CSS3 (1)
Цветовой режим CSS3 (2) — пример имитации эффекта отображения продукта Tmall
Линейный градиент CSS3
Радиальный градиент CSS3 радиальный градиент
CSS3 повторяющиеся градиенты
Эффект тени окна CSS3
CSS3 делает медленно растущий квадрат (эффект перехода)
CSS3 делает медленно растущий квадрат (эффект перехода)
Подробное объяснение свойства time-function переходов CSS3.
Пример эффекта перехода темы Tmall с имитацией CSS3
SS3 имитация эффекта перехода категории Tmall
Объяснение ключевых кадров @keyframes в анимации CSS3
Объяснение составных свойств анимации анимации CSS3
Создание подробного примера анимации CSS3 - реализация анимации загрузки контента
CSS3 Загрузка эффекта анимации, пример 2
CSS3 создает светящиеся символы, трехмерные символы, шрифты Apple.
CSS3 использует text-overflow для решения проблем с набором текста.
CSS3 новый модуль шрифта rem - finale