Web-технологии

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

в основном вакансии можно условно поделить на

несколько типов:Веб программирование,тестирование по,разработка По.

Часть 1 Веб программирование

Веб-программирование — раздел программирования, ориентированный на разработку веб-приложений естественно для разработки веб приложений нужны специальные веб языки.Языки веб-программирования — это языки, которые в основном предназначены для работы с веб-технологиями. Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентские и серверные.

Серверные языки

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

К серверным языкам программирования можно отнести: PHP, Perl, Python, Ruby, любой .NET язык программирования (технология ASP.NET), Java, Groovy.

Давайте рассмотрим основные из них.

Разработка веб приложений на Java

Тут я могу посоветовать только 2 книги:Герберт Шилдт - "Полный справочник по Java";

Игорь Блинов - "Java. Промышленное программирование".Так как данные книги используются для подготовки к тренингам Epam'a.Более полный разбор данных книг будет у меня на канале в телеге.Но в целом очень полезная литература для тех кто хочет всерьёз заниматься программированием.

Web-программирование на платформе ASP.NET

Пользователи с тостера советуют :Адам Фримен, Стивен Сандерсон "ASP.NET MVC 4 Framework с примерами на C# ". и я согласен  с ними опять же очень хорошая книга подойдёт профессионалам и тем кто знаком с C#.

Python

Тема питона в моём канале поднимись много раз  и я считаю что есть не плохая книга которая научит вас работать на питоне а так же с фреймворком  с Django на питоне:"Изучаем Python" Эрик Метиз.

Все книги можно найти в гугле в моём канале телеграм путь Itшника.На этом первая часть закончена следующая будет в пятницу тут же.

Всем привет!

Последние пару лет я занимаюсь node.js разработкой, из которых несколько месяцев делаю свой "швейцарский нож(костыльный монстр) на все случаи жизни" - One Punch Web.

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

Постараюсь как можно более подробно описать детали проекта. Надеюсь, кому-то это покажется интересным и не сильно скучным)

Используемые технологии

- Nw.js как ядро проекта, для окошек gui и обработки сочетаний клавиш

- Vue.js + Element.js для интерфейса

- Node.js для написания инструментов командной строки (CLI)

- Sublime text как текстовый редактор

- Wireframe.cc для управления wireframes

- Xmind для редактирования интеллект-карт

- Яндекс диск для бекапов

- Nedb.js как база данных всего приложения

В центре всего окошко One Punch Menu, которое вызывается поверх всех окон из любого места по сочетанию клавиш (которое я повесил на кнопку мышки). До вызова оно ждет своего часа в трее системы

Карта функционала проекта

Основные фичи

1. One Punch Snippet

Все сниппеты(куски кода для переиспользования), плагины и расширения для sublime text хранятся в папке проекта One Punch Web. При изменениях, или добавлении новых объектов идет синхронизация (перезапись старых, удаление лишних) с папкой sublime text. Основной задачей было сделать быстрый доступ для создания, изменения, удаления сниппетов.

2. One Punch Cli

Так же как и сниппеты, быстро создаются, редактируются и удаляются.

Это node.js скрипты, которые можно вызвать из командной строки в текущей папке. Используются для генерации приложений и автоматизации рутинных задач.

Пример в гифке - подготовка файла шрифта для вставки на сайт

3. One Punch Code (codeprocessors)

Есть препроцессоры кода, есть постпроцессоры. Почему бы не сделать просто процессоры?

Бывает лень/долго разворачивать(на маленьких проектах) gulp/webpack когда, к примеру, хочу использовать некоторые функции less. Решением было написание плагина для sublime, который отправляет фрагмент выделенного текста в проект One Punch Web и возвращает на его место обработанный результат.

Пример - less2css, autoprefix, css-beautify, css в одну линию и сохранение сниппета из выделения

4. One Punch Search

Вместо открытия вкладки google в браузере, я отрываю google в One Punch Menu.

Это делается для сохранения истории поиска. Когда нашел что искал - нажал кнопку. В базу записывается поисковой запрос и адрес страницы с необходимой информацией.

Помогает когда не могу найти что гуглил ранее, либо когда ищу одно и то же

5. One Punch Mindmap

Для визуализации причинно следственных связей в проектах.

Были разработаны 2 cli для создания и открытия mindmap файлов через xmind

6. One Punch Wireframe

Для схематичных набросок пользовательских интерфейсов. Для этого интегрировал сайт wireframe.cc. В базе программы хранятся только ссылки на wireframes.

7. One Punch Backup

На работе у меня linux(ubuntu), дома ноутбук и стационарник с виндой. С проработкой функционала под кроссплатформ проблем особо не было, а вот с переносом всего добра они периодически возникали. Раньше использовал git, но по некоторым причинам решил сделать иначе.

Сейчас это zip-архивы, которые лежат на яндекс диске (мне повезло с аккаунтом на 200гб).

Чтобы перенести все наработки, достаточно нажать одну кнопку и через минуту я буду во всеоружии

Планы на ближайшее будущее

- One Punch Cheatsheet

Для создания своей документации к технологиям и библиотекам. Вдохновила эта реализация

- One Punch Guide

Для периодических тренировок/code kata

- One Punch Chrome

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

Огромное спасибо всем, особенно тем кто дочитал до этого момента)

Проект находится в процессе разработки, буду искренне рад любой критике.

Оставлю пару комментариев для минусов, на всякий случай

Попробую рассказать свою историю о создании своего web проекта

Пред история

Году в 2015 решили с программистом создать свой проект, выбор пал на конструктор сайтов. Первые пол года мы решали как это будет реализовываться, тестирую различные системы управления (если будет интересно расскажу подробно) но пришли к выводу что надо делать с нуля, используя различные готовые предложения (визуальный текстовый редактор, загрузчик фотографий и т.д.). И работа началась.

На данный момент

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

На данный момент на нашей системе возможно следующее:

-Сайт визитка

-Интернет магазин с онлайн оплатой и подключением к яндекс маркету

-Личный кабинет с возможностью пополнять баланс

Как происходит процесс разработки:

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

После идеи решаем на сколько она нужна, и если действительно стоящая, то реализовываем.

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

В данном примере мы решили организовать подсчет остатка товара на складе.

Но необходимой странице у нас нет, поэтому мы пошли дальше и решили сделать не только подсчет остатков, но и вывести статистику по всей системе при авторизации.

Получив от дизайнера макет, посовещавшись с программистом решаем реализовывать, так как не всегда получается сделать в точности с макетом (нельзя учесть все данный которые могут оказаться на странице) через некоторое время появилась страница:

По мимо вывода информации за последние 7 (дней, недель, месяцев) можно отключить мешающиеся таблицы и даже поменять местами

Данный функционал пока не доступен ни кому, и проходит стадию поиска ошибок, недочетов, может изменений.

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

За 2 года много что накопилось, от того как мы искали хакера на тестирование нашей системы (разумеется после того как нас взломали) , до попытки прекратить его разработку.

Из моих предыдущих записей вы уже знаете про возможность управлять плеером на сайтах* с помощью сочетаний клавиш и кнопок в оповещении, даже если браузер свёрнут.

Сегодня я представляю вам возможность делать это и с помощью голоса**!

Поддерживаются все те же команды***, и вы можете делать всё, ни касаясь клавиатуры и мыши****.

Со временем планирую расширить список поддерживаемых команд и сайтов (не только с плеерами).

Установите браузерное расширение PoziTone с официального сайта https://pozitone.com и следуйте инструкциям по настройке голосового управления в параметрах расширения на вкладке «Голосовое управление».

P.S. Расширение PoziTone и приложение для голосового управления PoziWorld Elf написаны с помощью web-технологий (JavaScript, HTML, CSS, React, AngularJS, Electron, Node.js), их код открыт и доступен на GitHub.

* VK, OK, SoundCloud, DI.FM, Google Play Music и др.

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

*** Список поддерживаемых голосовых команд — https://github.com/PoziWorld/PoziWorld-Elf/wiki/Commands

**** Возможна настройка «горячего слова/фразы» (по подобию «Эй, Сири» и «Окей, Гугл»), по произнесению которой приложение будет слушать команду.