CODE BLOG
12.1K subscribers
5.12K photos
36 videos
99 files
2.91K links
IT юмор, обучающие видео и многое другое.

YouTube: https://youtube.com/codeblog
VK: https://vk.com/codeblog
Чат: @codeblog_chat

По всем вопросам: @p_shvanov

Ресурс включён в перечень Роскомнадзора: https://www.gosuslugi.ru/snet/67c04851241cbc1f487e5054
加入频道
Создание адаптивного сайта с нуля и до результата

Отличный видеокурс рассматривающий процесс создания сайта от макета на бумаге до готового решения

#video #web #html #css #javascript #frontend
http://smbx.me/DJemc
Верстка сайта лендинга

Подробные практический курс по созданию лендинга с нуля до готового результата.

#video #frontend #web #html #css
http://smbx.me/P59f9
​​Базовая технология верстки адаптивной веб-страницы

Этот видеокурс посвящен верстке адаптивной веб-страницы с нуля. Подразумевается, что ты уже сверстал пару страниц, но еще не имеешь целостного представления о том, как это делать быстро и эффективно.

Смотреть видео на YouTube

#video #html #css #web #frontend
Юлия_Сырых_Современный_веб_дизайн.pdf
15 MB
Юлия Сырых. Современный веб-дизайн. Эпоха Веб 3.0

#book #web #frontend
Как раскрутить сайт?

Мало создать свой сайт, нужно сделать так, чтобы его смогли найти в огромной сети интернет. Для этого нужно продвигать свой сайт сразу же по нескольким параметрам. По каким? А вот об этом и пойдет речь в этой статье.

#article #web
https://m.vk.com/@-159224823-kak-raskrutit-sait
Создание HTML JavaScript Игр

Короткий видеокурс посвященный разработке несложных браузерных компьютерных игр с помощь HTML canvas и языка программирования JavaScript

https://www.youtube.com/playlist?list=PLb2IEa5cPGnSVfArNiEzGzWcp9L2c8IsV

#video #web
Web-технологии

В курсе "Web-технологии" Вы познакомитесь с основами разработки web-приложений. Мы пройдём последовательно от того, что такое протоколы, до понимания отличий в разработке серверных и клиентских частей web-приложения.

Основным языком разработки будет JavaScript, но мы коснёмся и применим TypeScript и PHP. Это не означает, что после прохождения данного курса Вы будете владеть всеми особенностями применения данных языков, но Ваших знаний будет достаточно для разработки насыщенных интернет приложений и дальнейшего изучения темы.

Мы познакомимся как с понятиями HTML и CSS, так и возможностями по их генерации - PUG и LESS, разберёмся с тем, что такое REST, научимся применять Ajax. Мы не обойдём своим вниманием и находящиеся на слуху JQuery (UI, Mobile), Backbone.js, Angular, React. Мы разберёмся с тем, что такое модульное тестирование, научимся автоматизировать сборку web-приложений.

https://www.youtube.com/playlist?list=PLwwk4BHih4fj5cjuEozS3Uf4s8e3ZVb9_

#video #web
Быстрая верстка сайта с нуля

Курс уроков практики быстрая верстка сайта с нуля. В данном курсе мы очень быстро адаптивно сверстаем сайт блога для начинающих. Мы будем использовать пару инструментов для того что б верстка была быстрее, это css фреймворк bootstrap material design и редактор кода Visual studio code. Данные уроки верстки сайта предполагают наличие у вас знаний html, css и знакомство с фреймворков бутстрап 4, хотя бы знать как работать с сеткой.

https://www.youtube.com/playlist?list=PLVfMKQXDAhGW_eRZvZ1dzw9S_w3bpZkFB

#video #web
Учебный курс "Компьютерные сети"

Каждый программист должен уметь настоить локальную сеть. И чинить пылесосы тоже. Шутка :) Локальную сеть не обязательно. :) Ну а для тех, кто все-таки хочет разобраться в этом вопросе - рекомендую ознакомиться с этим видеокурсом.

https://www.youtube.com/watch?v=OLFA0soYGhw&list=PLtPJ9lKvJ4oiNMvYbOzCmWy6cRzYAh9B1

#video #web
Полезные сервисы для веб-разработчика

- Справочники, фигуры, градиент, текстуры!
- PNG, Анимация, Полигоны и Треугольники!
- Графика для сайта
- Видео для сайта!

https://www.youtube.com/playlist?list=PLoq3Accf02PUDhu-xmao9Zkr_MRmqvpOw

#video #web
Верстка сайта с нуля

Мы начинаем новый курс уроков по теме верстка сайта с нуля по макету. Верстка сайта с нуля занятие не сложное но требует достаточно большого объема знаний и времени. Для того что б научится верстать сайты по макету необходимо практиковаться. Как по мне идеальный вариант смотреть как кто то верстает и повторять за ним пока еще не знаешь как делать самостоятельно. Именно поэтому я решил создать данный курс по верстке для начинающих. Это идеальный вариант научится при том сразу верстать адаптивные сайты по моим урокам. Верстка происходит из PSD макета в html css код.

https://www.youtube.com/playlist?list=PLVfMKQXDAhGX_iWaR6lZvQ8KhQA4adWDo

#video #web
WEB хакинг

- Авторизация на сайте под любым логином не зная пароля
- Авторизация без пароля с помощью SQL инъекции PHP
- Получение пароля администратора сайта с помощью SQL инъекции в GET параметр
- Регистрируемся с правами администратора с помощью SQL инъекции PHP
- Использование подготовленных запросов PDO для предотвращения SQL инъекций
- Пассивная XSS атака
- Защита от пассивной XSS атаки
- Активная XSS атака и защита от нее
- Атака брут форс перебор паролей PHP

https://www.youtube.com/playlist?list=PLqQ1VsG-wgxd_dQF0FPx67zOVtJV5XSJb

#video #web
Как создать сайт

1. Верстка сайта
2. Адаптивный сайт
3. Адаптивное меню
4. Продолжаем верстку сайта наша команда
5. Анимации на сайт. Конец проекта
Как создать сайт

1. Верстка сайта
2. Адаптивный сайт
3. Адаптивное меню
4. Продолжаем верстку сайта наша команда
5. Анимации на сайт. Конец проекта

https://www.youtube.com/watch?v=7rFWgs2f9fI&list=PLVfMKQXDAhGWCmbJ9YpWL3QaZdtzP1LLz&ab_channel=WebDeveloperBlog

#video #web
Web-разработка для начинающих

1. HTML и CSS. Главное за 30 минут
2. Инструменты и программы для веб-разработчика
3. CSS. Селекторы, flexbox, анимации
4. Git для новичков
5. Веб-приложения
6. Scrum. Метод управления проектами для программистов
7. CSS. Позиционирование элементов
8. JavaScript. Работа с DOM

https://www.youtube.com/watch?v=JWIq2okJ24I&list=PLIb4jh0gYNwWRaG_Z8RY05yVEvfTTg1Mm&ab_channel=%D0%9C%D0%B8%D1%88%D0%B0%D0%9B%D0%B0%D1%80%D1%87%D0%B5%D0%BD%D0%BA%D0%BE

#video #web
Курс "Web-технологии".
Технопарк Mailru Group, МГТУ им. Н.Э. Баумана.

Лекция №1 "Web-технологии. Введение"
Лекция №2 "Сетевые протоколы"
Лекция №3 "Web-серверы"
Лекция №4 "Серверная разработка"
Лекция №5 "Реляционные базы данных"
Лекция №6 "MVC-фреймворки"
Лекция №7 "Django"
Лекция №8 "HTML и CSS"
Лекция №9 "Javascript"
Лекция №10 "Rich Internet Applications"

#video #web

https://www.youtube.com/watch?v=tiRIWEnvsPI&list=PLrCZzMib1e9rtArVTA_fFBIlYteH23MIm&ab_channel=%D0%A2%D0%B5%D1%85%D0%BD%D0%BE%D1%81%D1%82%D1%80%D0%B8%D0%BCMail.RuGroup
Курс "Web-технологии".
Технопарк Mailru Group, МГТУ им. Н.Э. Баумана.

1. "Web-технологии. Введение"
2. "Сетевые протоколы"
3. "Web-серверы"
4. "Серверная разработка"
5. "Реляционные базы данных"
6. "MVC-фреймворки"
7. "Django"
8. "HTML и CSS"
9. "Javascript"
10. "Rich Internet Applications"

#video #web

https://www.youtube.com/watch?v=tiRIWEnvsPI&list=PLrCZzMib1e9rtArVTA_fFBIlYteH23MIm&ab_channel=%D0%A2%D0%B5%D1%85%D0%BD%D0%BE%D1%81%D1%82%D1%80%D0%B8%D0%BCMail.RuGroup
Веб-программирование

1. Html больше не нужен! Pug. Полный курс.
2. Основы node.Js и npm
3. Темная тема сайта
4. Php от мира javascript! Pug. Полный курс
5. Css больше не нужен! Sass и scss
6. Цвета. Адаптивная верстка. Sass и scss
7. Sass в реальных проектах. Sass и scss

#video #web

https://www.youtube.com/watch?v=UArejZFGxUM&list=PLDywto_IU4_7WlbhFlJeOAVwPdw8akdkW&ab_channel=%D0%9F%D0%B5%D1%82%D1%80%D0%A0%D0%B0%D0%B4%D1%8C%D0%BA%D0%BE%5BCMTV%5D
Компьютерные сети

1. Многоранговая
2. Фреймворк gopeer (beta)
3. Одноранговая

#video #web

https://www.youtube.com/watch?v=evEcFUNp0fs&list=PLd-kTafWJCJMIrr7bBAaGTS053vhFcpnK&ab_channel=CryptoFun%5BIT%5D
Web-технологии

1. Web-технологии. Введение. Протокол HTTP
2. Web-технологии. Протокол HTTP
3. Web-технологии. Web-серверы. nginx
4. Web-технологии. Apache HTTP-сервер
5. Web-технологии. Основы JS
6. Web-технологии. Основы JS
7. Web-технологии. Основы JS
8. Web-технологии. Основы JS
9. Web-технологии. Основы JS
10. Web-технологии. Основы JS

#video #web

https://www.youtube.com/watch?v=MU8zhYGA4SI&list=PLwwk4BHih4fj5cjuEozS3Uf4s8e3ZVb9_&ab_channel=RomanBrovko
Веб-разработка на Java

1. Git Intro.
2. Maven Intro.
3. Maven.
4. Inversion of Control (IoC) Intro.
5. Spring Inversion of Control (IoC).
6. Spring MVC Intro.
7. FreeMarker Intro.
8. FreeMarker.
9. id420219728|@ModelAttribute
10. Spring forms validation.

#video #java #web

https://www.youtube.com/watch?v=2relBxpX66U&list=PLVKSU8yHkskF5LT1cNTdGXINtOrxAxjjV&ab_channel=doIT