Уроки JavaScript для начинающих

Уроки по изучению языка программирования JavaScript. За курс мы научимся писать код на JS и управлять HTML DOM-структурой веб сайта. Мы изучим основные концепции (переменные, циклы, условия) и изучим работу с HTML (события, обработка данных, работа с HTML).

00:00 - Начало
00:19 - Информация про JavaScript
01:08 - История языка
01:50 - Зачем используется?
02:45 - Из чего состоит веб сайт?
03:35 - План курса
04:26 - Установка редактора
05:23 - Создание проекта
07:17 - Заключительная часть

🎬 Смотреть курс
⏳ Продолжительность: 17 уроков

freeCode | #js

Препроцессоры C++

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

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

Держите шпаргалку по препроцессорам C++ и сохраняйте, чтобы не потерять

freeCode | #шпаргалка #cpp

Docker: что это и как используется в разработке

На дворе закат 2022-го, и большая часть IT-индустрии только и делает, что работает с контейнерами. Откуда они появились, как добились глобального признания и причём тут Docker? Расскажет разработчица в команде инфраструктуры Яндекса Дарья Меленцова.

Из этой статьи вы узнаете:
➖ Что такое Docker и его главные возможности;
➖ Почему Docker стал де-факто современной индустрией программного обеспечения;
➖ Как создавать и развёртывать Docker-контейнеры.

👉 Читать статью

freeCode | #docker

Шпаргалка по Golang - Devhints.io

Эта шпаргалка написана разработчиком по имени Рико. Шпаргалка описывает синтаксис, функции и другие азы Golang. Она также включает официальные ресурсы и полезные ссылки, чтобы дать вам больше информации о Go.

👉 Смотреть шпаргалку

freeCode | #шпаргалка #go

Шпаргалка по основам Python

Здесь собраны переменные, методы, индексы и срезы, а также форматирование дат с соответствующими подсказками в сносках. Если вы только начали изучать программирование на языке Python, смело обращайтесь к этой шпаргалке.

👉 Полная версия шпаргалки

freeCode | #шпаргалка #python

Уроки по Bootstrap 5

В этом курсе автор расскажет вам: что такое Bootstrap 5, как подключить Bootstrap 5, как работать с сеткой Bootstrap 5 и создавать адаптивные сайты с помощью Bootstrap 5.

00:00 - Введение
04:00 - Подключение Bootstrap 5 через CDN
05:55 - Начало работы с Bootstrap 5
08:02 - Знакомство с сеткой Bootstrap 5
09:39 - Скачать Bootstrap 5 локально
11:04 - Структура файлов Bootstrap 5
15:16 - Подключение Bootstrap 5 локально
16:14 - Сниппеты для Bootstrap 5 в VS Code
19:02 - Подведение итогов

🎬 Смотреть курс
⏳ Продолжительность: 13 уроков

freeCode | #bootstrap

CSS анимация для новичков

Покажем вам два примера с использованием свойства transition и правила @keyframes
В первом примере сделаем с вами анимированную панель, которая выезжает из верхней границы экрана (bar).
Во втором примере сделаем квадрат которые непрерывно двигается по кругу и при этом меняет цвета и свою форму.

00:00 - Начало. Примеры
01:19 - Подготовка документов
02:58 - Первая анимация. Transition
07:20 - Первая анимация. Keyframes
10:06 - Вторая анимация. Keyframes
13:25 - Вторая анимация. Изменение формы

🎬 Смотреть видео
⏳ Продолжительность: 15 минут

freeCode | #css #animation

Почему Python – это отличный выбор для новичков?

От того, какой язык программирования вы начнете изучать первым, во многом зависит ваша скорость освоения профессии и успех в этом деле. Как же его выбрать? Ответим на примере Python.

👉 Читать статью

freeCode | #python

🤖🎨 ИИ для рисования: раскрываем секреты нейронного переноса стиля

В мире, в котором NFT продаются за миллионы долларов, следующим прибыльным бизнесом может стать создание уникальных виртуальных сущностей, и кто же лучше выполнит эту работу, чем искусственный интеллект?

Раскладываем по полочками, как «думает» нейронная сеть VGG-19, когда ей прилетает задача скопировать стиль художника из вида Homo sapiens.

👉 Читать статью

freeCode | #ии

🔥 Codepen

CodePen — онлайн-редактор для фронтендеров. Это песочница, в которой можно работать с HTML, CSS и JavaScript. Читайте подробное руководство по этому инструменту.

Инструмент можно использовать, чтобы быстро написать и оценить код, показать приложение другим людям, потренироваться. CodePen будет полезным всем разработчикам, имеющим дело с фронтендом. Песочницу часто используют преподаватели программирования и вёрстки для демонстрации учебного кода. CodePen применяют авторы статей о разработке, когда нужно показать читателям пример кода.

В CodePen есть режимы для преподавателей и лекторов. Их удобно использовать для демонстрации кода студентам и участникам конференций. Отдельного внимания заслуживают социальные функции CodePen. Здесь можно искать интересный контент, фолловить интересных людей. Есть раздел для поиска работы и сотрудников, а также конкурсы на лучшие решения тематических испытаний.

👉 Перейти на сайт

freeCode | #codepen

Необходимые знания для получения должности разработчик Java

Сегодня даже джунам по Java выдвигают огромный список требований, основным из которых является опыт работы. Но где же его приобрести? Важно, что отсутствие опыта можно компенсировать.

👉 Читать статью

freeCode | #java

🔥 Emmet

Emmet — ранее известный как Zen Coding — набор плагинов для текстовых редакторов, которые помогают ускорить написание кода HTML и CSS.

Писать HTML-код и вводить множество тегов, кавычек и скобок — долго и утомительно. С плагином Emmet эта работа становится гораздо проще — он преобразует простые аббревиатуры в полноценные блоки кода. То есть, вместо того, чтобы набирать руками HTML- и CSS-код полностью, прописываете сокращенные аббревиатуры, нажимаете TAB и код целиком разворачивается.

Работа Emmet похожа на функцию автозамены — того самого Т9 в смартфоне — только более функциональную, за счет использования специального синтаксиса для сокращений. Просто вводите сокращение, псевдоним или несколько первых символов названия тега или свойства, нажимаете TAB и Emmet самостоятельно дописывает остальное.

👉 Скачать плагин

freeCode | #emmet

Дорожная карта Backend-разработчика

Как стать бэкенд-разработчиком, что изучать в 2022 году и в каком порядке? Мы составили дорожную карту, которая поможет в этом разобраться

👉 В хорошем качестве

freeCode | #шпаргалка #backend

Docker для начинающих - полный курс

Docker — это проект с открытым исходным кодом для автоматизации развертывания приложений в виде переносимых автономных контейнеров, выполняемых в облаке или локальной среде.

00:00 - Важное введение
01:00 - Как проходить курс
01:53 - Что такое Docker
05:10 - Как установить Docker
06:30 - Начало работы
08:05 - Docker пример с Python
11:22 - Docker Images & Containers
13:30 - Работа с NodeJS
31:06 - Как работает Dockerfile
41:42 - Основные команды
1:07:55 - Деплой в Docker Hub
1:15:12 - dockerignore
1:20:58 - ENV переменные
1:26:55 - make файл
1:28:56 - Что такое Docker Volumes
1:50:17 - Деплой и запуск Docker на VPS

🎬 Смотреть видео
⏳ Продолжительность:1 час 58 минут

freeCode | #docker

С# разработчик: кто это, и что он делает?

С# является универсальным ЯП, используемым для создания продуктов разного направления. Так как это детище Microsoft, которое применялось в реализации бесчисленного количества софта.

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

👉 Читать статью

freeCode | #cSharp

CSS Flexbox. Полный курс

В данном видеокурсе мы с вами рассмотрим технологию Flexbox. Он представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.

0:00 - Введение
2:39 - Основные понятия
8:12 - Направление осей
12:36 - Обёртка элементов и отступы
18:46 - Выравнивание вдоль главной оси
25:07 - Выравнивание вдоль поперечной оси
29:09 - Многострочное выравнивание
33:06 - Индивидуальное выравнивание элементов
37:36 - Размеры элементов
43:06 - Определение порядка элементов
48:00 - Вложенность. Обёртка элементов с размерами
53:29 - Практические примеры использования Flexbox

🎬 Смотреть видео
⏳ Продолжительность: 59 минут

freeCode | #flexbox #css

Дорожная карта Frontend-разработчика

Как стать фронтенд-разработчиком и что изучать в 2022 году? В этом поможет разобраться дорожная карта по фронтенду.

👉 В хорошем качестве

freeCode | #шпаргалка #frontend

🎮 Игровая механика – что это?

Пожалуй основное, что нужно сказать об “игровой механике”, это то, что четкой формулировки определение не имеет. Для игроков – это общий набор правил и механизмов, которые они используют во время игры.

А для разработчиков – это те принципы, которые они создают для удобного взаимодействия игрока с игрой. Но этим нельзя закончить рассказ об игровой механике, давайте продолжим.

👉 Читать статью

freeCode | #gameDev

Как SQL и PYTHON используют в аналитике данных?

Аналитики в своей работе с данными часто используют SQL и Python. И новички часто спрашивают - зачем аналитику нужен Python и SQL, если есть старый добрый Excel? Ведь многие, даже крупные компании по прежнему используют Excel, как основной инструмент аналитики данных.
В этом видео автор рассказывает как именно аналитики используют SQL и Python в своей работе и что вам нужно знать, чтобы успешно применять эти инструменты.

🎬 Смотреть видео
⏳ Продолжительность: 11 минут

freeCode | #sql #python

Уроки PHP для начинающих с нуля!

В ходе курса мы изучим работу с языком программирования PHP. Курс предназначен для начинающих. Мы изучим основные концепции (переменные, циклы, условия...) и научимся прописывать функциональную часть по работе с веб-сайтом.

🎬 Смотреть курс
⏳ Продолжительность: 20 уроков

freeCode | #php

Шпаргалка с основными тегами HTML5

Держите шпаргалку с основными тегами HTML5: четыре страницы с подсказками отлично подойдут, чтобы подготовиться к собеседованию.

👉 В хорошем качестве

freeCode | #шпаргалка #html