Главная страница>Связанные с программированием>Другой исходный код
Скачать

Полный Bootcamp Web Development

Alt text

Ресурсы

https://www.appbrewery.co/p/web-development-course-resources

Проекты

  • Проект 1: Использование HTML создано личное сайт - https://sdkdeepa.github.io/resume/

  • Проект 2: вступление в CSS - https://sdkdeepa.github.io/profile/

  • Проект 2 Финал: HTML, CSS и Bootstrap - https://sdkdeepa.github.io/udemy-bootstrap/

  • Проект 3: Dice Game - JS и DOM Методы - https://sdkdeepa.github.io/dice

  • Проект 4: Drum Kit - JS -клавиатура события - https://sdkdeepa.github.io/drumming/

  • Проект 5: Simon Game - JS и JQuery - https://sdkdeepa.github.io/simon-game-jquery/

  • Проект 6: калькулятор BMI - node.js и express.js. Этот проект с использованием методов API, таких как Get и Post для расчета ИМТ

  • Проект 7: Приложение погоды - node.js и express.js. Этот проект использует API внешнего погодного API для получения вызова для получения данных о погоде после отправки запроса на почту.

  • Проект 8: Запись на рассылку бюллетеня-HTML, CSS, Bootstrap, JS, Nodejs, Express, API, NPM, Nodemon, Body-Parser и т. Д.

  • Проект 9 и 10: приложение TODO List - продолжение приложения TODO List V2. Добавлены GET, POST и DELETE маршруты. Теперь вы можете создать и удалить список TODO для сегодняшнего дня и для пользовательского списка. Пользовательский список можно добавить в домашний маршрут (например: /work). Используя базу данных MongoDB Altas Cloud, данные собираются. Размещено применение через Heroku. Проверьте: https://tranquil-77166.herokuapp.com/

  • Project 11: Множественный личный веб -сайт блога - создал многостраничное приложение для личного блога с использованием HTML, CSS, Bootstrap, JS, Node.js, Express.js, Body -Parser, API, EJS, Heroku, Mongoose, Mogodb Altas Cloud Cluster. Посмотрен: https://morning-brook-32061.herokuapp.com/

Пример каркаса проекта

  • Проект.

Темы покрыты

HTML, CSS, JavaScript, Bootstrap 4, DOM & DOM Manipulation, jQuery, Node.js, Express, React EJS, body-parser, nodemon, lodash, MongoDB, MongoDB Atlas, mongoose, mongoose-encryption, dotenv, md5, bcrypt, passport, passport-local, passport-local-mongoose, Passport-Google-Path20, Mongoose-FindorCreate, Express-Session, API, JSON, аутентификация, API MailChimp, создайте API REST с нуля, Heroku.

Раздел 9: Введение в JavaScript ES6

  • 116-117: Задача: изменение корпуса в тексте
  • 118: Основной арифметический и модульный оператор в JavaScript
  • 121-122: функции, часть 1: Задача - робот Карел
  • 124: Функции, часть 2: параметры и аргументы

Раздел 10: Промежуточный JavaScript

  • 131: генерация случайных чисел в JavaScript: Создание калькулятора любви
  • 132: Управляющие операторы: Использование условий и логики if-else
  • Упражнение по кодированию 5: Усовершенствование калькулятора ИМТ (если/иначе)
  • Кодирование упражнения 6: лечебный год
  • 138: Добавление элементов и методов промежуточного массива

Раздел 12: Boss Level Challenge 1 - игра Dicee

  • Создать внешний файл JS
  • Добавить изображения костей
  • Создать случайное число
  • Изменить оба IMG на случайные кости
  • Изменить оба элемента IMG
  • Измените заголовок, чтобы показать победителя

Раздел 13: Усовершенствованные манипуляции с JavaScript и DOM

  • 172: Задача функции более высокого порядка

Раздел 14: барабанный комплект

  • 171: Добавление списков событий в кнопку
  • 174: Как играть звуки на сайте
  • 176: Как использовать операторы переключения в JavaScript
  • 179: Использование слушателей событий клавиатуры для проверки на давление клавиш
  • 181: добавление анимации на сайты

Раздел 15: Boss Level Challenge 2 - игра Simon

  • Добавить JS и jQuery
  • Создать новый шаблон
  • Показать последовательность пользователю с анимацией и звуками
  • Проверьте, какая нажата кнопка
  • Добавить звуки к нажатию кнопки
  • Добавить анимации к кликам пользователей
  • Начните игру
  • Проверьте ответ пользователя на последовательность игры
  • Игра закончена
  • Перезагрузите игру

Раздел 19: Express.js с node.js

  • 241: Создание нашего первого сервера с помощью Express
  • 242: Запросы и ответы на обработку: запрос получить запрос
  • 244: Понимание и работа с маршрутами
  • 246: настройка задач калькулятора
  • 248: Отвечая на запросы с помощью HTML -файлов
  • 249: Запросы на обработку поста с анализатором тела
  • 250: BMI Routing Challenge

Раздел 20: API -интерфейсы - интерфейсы программирования приложений

  • 258: выполнение запросов GET с модулем HTTPS Node
  • 259: Как проанализировать json
  • 260: Использование Express для отображения веб -сайта с помощью данных API в прямом эфире
  • 261: Использование анализаторов Body для разбора запросов в проект сервера: Weather Project

Раздел 21: регистрация рассылки

  • 263: Настройка страницы регистрации
  • 264: Размещение данных на серверах MailChimp через их API
  • 265: Добавление страниц успеха и неудач
  • 266: развертывание вашего сервера с Heroku

Проект: https://shrouded-river-17694.herokuapp.com/

Раздел 22: EJS

  • 282: шаблоны? Зачем нам нужны шаблоны?
  • 283: Создание вашего первого шаблона EJS
  • 284: Запуск кода внутри шаблона EJS
  • 285: Передача данных с вашей веб -страницы на ваш сервер
  • 287: Добавление готовых таблиц стилей CSS на ваш сайт
  • 288: Понимание шаблона против макетов
  • 289: Понимание экспорта модуля узла: как передавать функции и данные между файлами

Раздел 23: Boss Level Challenge 3 - Веб -сайт блога

  • Получить домашний маршрут и добавить контент в home.ejs
  • Передайте данные из HomeStaringContent в home.ejs
  • Добавить частичности и нижний колонтитул в home.ejs
  • Загрязненный заголовок и нижний колонтитул в папку частичных
  • Добавьте и свяжитесь с маршрутами, передайте контент и контакт.ejs
  • Добавить Nav Href в заголовок
  • Добавить форму Compose и Post маршрут
  • Добавить текстовые поля для сочинения формы и использования начальной загрузки
  • Создать объект JS для поста
  • Протолкнуть сообщение в посты
  • Добавить сообщения в рендеринг
  • Пройти через все сообщения
  • Refactor для цикла для использования Foreach
  • Отправить каждый пост в дом
  • Добавить экспресс -параметры маршрутизации /посты /: blogpost
  • Проверка через массив сообщений, чтобы проверить, соответствует ли он заголовок в URL
  • Добавить Lodash и использовать _.lowercase на заголовках
  • Отдельная страница для каждого сообщения в блоге
  • Усечение тела публикации на главной странице до 100 символов
  • Добавить Подробнее к сообщениям

Раздел 27: Монгуз

  • 357: Введение в монгуз
  • 358: чтение из вашей базы данных с Mongoose
  • 359: проверка данных с помощью Mongoose
  • 360: обновление и удаление данных с использованием mongoose
  • 361: установление отношений и встраивающих документов с использованием мангуаза

Раздел 28: Собрать все вместе

  • 364: вывести проект Todolist на следующий уровень и соединить его с Mongoose
  • 365: рендеринг элементов базы данных в приложение Todolist
  • 366: добавление новых элементов в нашу базу данных Todolist
  • 367: Удаление элементов из нашей базы данных Todolist
  • 368: Создание пользовательских списков с использованием параметров экспресс -маршрута
  • 369: добавление новых элементов в пользовательские тодолисты
  • 370: пересмотр Lodash и удаление предметов из пользовательских списков TODO

Раздел 29 - Развертывание вашего веб -приложения

  • 374: Как развернуть веб -приложения с помощью базы данных
  • 374: Как настроить Atlas mongodb
  • 375: развертывание приложения с базой данных в Heroku

Папка: Проект 9 и 10: Список TODO https://tranquil-arth-77166.herokuapp.com/

Раздел 30 - Boss Level Challenge 4 - Обновление сайта блога

  • 381: Сохранить составленные посты с MongoDB
  • 382: Получите домашнюю страницу, чтобы отобразить сообщения
  • 383: перенаправление на домашнюю страницу после сохранения () завершен без ошибок
  • 384: правильный пост в блоге на основе Post _ID

Папка: Проект 11: веб-сайт блога завершен https://morning-brook-32061.herokuapp.com/

Раздел 31 - Постройте свой собственный API Restful с нуля

  • 389: настроить задачу сервера
  • 391: Получите все статьи
  • 392: опубликовать новую статью
  • 393: Удалить все статьи
  • 394: Хэндлеры маршрутов с цепью с помощью
  • 395: Получите конкретную статью
  • 396: разместите конкретную статью
  • 397: исправить конкретную статью
  • 398: Удалить конкретную статью

Папка: Вики-Апи

Раздел 32 - Аутентификация и безопасность

  • 403: Настройка
  • 404: Уровень 1 - Зарегистрируйте пользователей с именем пользователя и паролем
  • 406: уровень 2 - шифрование базы данных
  • 407: Использование переменных среды для обеспечения безопасности секретов
  • 408: Уровень 3 - Хэширующие пароли
  • 410: Уровень 4 - Пароли соли и хеширования с BCRYPT
  • 412: Уровень 5 - Использование Passport.js для добавления файлов cookie и сеансов
  • 413A: уровень 6 - OAuth 2.0 и как реализовать подпись с Google
  • 413b: уровень 6 - OAuth 2.0 с Facebook
  • 414: Позволяет пользователям отправлять секреты

Папка: секреты

Раздел 33 - React.js

  • 422: практика кода JSX
  • 423: экспрессия JavaScript в литералах JSX & ES6
  • 424: экспрессия JavaScript в практике JSX
  • 425: Атрибуты и стиль отреагируют элементы
  • 426: встроенный стиль для элементов реагирования
  • 427: практика стиля реагирования
  • 428: реагировать компоненты
  • 429: практика компонентов реагирования
  • 431: JavaScript ES6 Импорт, экспорт и модули практикуют
  • 434: проект приложения Keeper - часть 1
  • 436: React Reps
  • 437: Практика реагирования реквизита
  • 438: React devtools - https://990sq.csb.app/
  • 439: отображение данных с компонентами - https://0lrqy.csb.app/
  • 440: данные картирования с компонентами практики - https://1kzup.csb.app/
  • 441: JavaScript ES6 MAP/Filter/
  • 442: JavaScript ES6 Функции стрелки
  • 443: проект приложения Keeper - часть 2
  • 444: реагировать условное рендеринг с тройным оператором и оператором
  • 445: практика условного рендеринга - https://pr7ow.csb.app/
  • 447: React Hooks - Usestate
  • 448: практика по уходу за крюком
  • 449: JavaScript ES6 Объект и разрушение массива
  • 450: JavaScript ES6.
  • 451: обработка событий в React
  • 452: реагировать формы
  • 454: изменение сложного состояния
  • 455: изменение сложной государственной практики
  • 456: оператор разброса JavaScript ES6
  • 457: JavaScript ES6 Практика оператора распространения
  • 458: управление деревом компонентов
  • 459: управление практикой компонентов дерева
  • 460: проект приложения Keeper - часть 3
  • 461: React Зависимости и стиля приложение Keeper - https://pbt9b.csb.app/

Инструменты используются

  • Кодепен
  • Атом
  • Почтальон
  • Гипер терминал
  • Visual Studio Code
  • https://codesandbox.io/
Расширять
Дополнительная информация
Связанные приложения
Рекомендуем вам
Связанные новости Все