front end developing


Что я могу

навыки и опыт работы

HTML

Hypertext markup language

Стандартизи­рован­ный язык раз­мет­ки доку­мен­тов во Все­мир­ной пау­ти­не. Большин­ство веб-стра­ниц содер­жат описа­ние раз­мет­ки на язы­ке HTML (или XHTML). Язык HTML интер­прети­рует­ся брау­зе­рами; полу­ченный в резуль­тате интер­пре­тации форма­тиро­ван­ный текст отобра­жает­ся на экра­не мони­то­ра ком­пью­те­ра или мо­биль­ного уст­ройства. еще

HTML создавался как язык для обме­на науч­ной и техни­чес­кой докумен­та­ци­ей, пригод­ный для исполь­зова­ния людь­ми, не являю­щими­ся специ­алиста­ми в облас­ти вёрстки. HTML успешно справ­лял­ся с пробле­мой слож­ности SGML путём опреде­ле­ния неболь­шого на­бора струк­турных и семан­тичес­ких эле­мен­тов - дескрип­торов. Был разра­ботан британс­ким учёным Тимом Бернер­сом-Ли прибли­зитель­но в 1986-1991 годах в сте­нах ЦЕРНа в Женеве, Швей­ца­рия.

Опыт: 5+ лет, уровень: высокий

CSS

Design language

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

CSS используется создателями веб-страниц для зада­ния цветов, шрифтов, распо­ложения отдель­ных блоков и других аспектов пред­став­ления внеш­него вида этих веб-страниц. Основ­ной целью разра­ботки CSS являлось разделе­ние описания логи­ческой струк­туры веб-страницы (которое произво­дится с помощью HTML или других языков разметки) от описания внеш­него вида этой веб-страницы (которое теперь произ­водится с помощью формального языка CSS). Такое разде­ле­ние может увели­чить доступ­ность доку­мента, предо­ставить боль­шую гиб­кость и возмож­ность управ­ления его представ­ле­нием, а также умень­шить слож­ность и повторя­емость в структур­ном содер­жимом. Кроме того, CSS позволяет пред­ставлять один и тот же документ в различ­ных стилях или методах вывода, таких как экран­ное представ­ление, печатное представ­ление, чтение голо­сом (специальным голо­совым брау­зером или програм­мой чтения с экрана), или при выводе устрой­ствами, исполь­зующи­ми шрифт Брайля.

Опыт: 5+ лет, уровень: высокий

JavaScript

Dynamic programming language

Мультипарадиг­менный язык програм­миро­ва­ния, поддержи­вающий объектно-ориенти­рован­ный, импера­тивный и функцио­нальный стили. Является реали­зацией языка ECMAScript. Наиболее широкое приме­не­ние находит в браузе­рах как язык сцена­риев для прида­ния интерак­тив­ности веб-страни­цам. еще

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

Использование TypeScript, как синтаксической надстройки над JS, позволяет строго типизировать код и использовать многие возможности нативного ООП, столь привычные для многих языков программирования...

Опыт: 5+ лет, уровень: высокий

SASS

CSS pre-processor

Sass - это метаязык на основе CSS, предна­значен­ный для увели­чения уровня абстракции CSS кода и упро­щения файлов каскад­ных таблиц стилей. Одна из ключе­вых особен­ностей - вложенные правила, которые облег­чают процесс соз­да­ния и редакти­рова­ния вложен­ных селек­торов. еще

Sass добавляет к CSS константы, примеси, услов­ные развет­вления и циклы. Это облег­чает под­держку целост­ности данных внутри боль­шого набора стилей. Кон­стан­ты позволяют установить зна­че­ние и исполь­зовать его внутри стилей, с по­мо­щью при­месей то же самое можно сделать с блоком атри­бу­тов стиля.
Язык имеет два синтаксиса:
sass — отличается отсутствием фигур­ных скобок, в нём вложенные элемен­ты реали­зова­ны с помощью отступов;
scss (Sassy CSS) — использует фигур­ные скобки, как и сам CSS.

Опыт: 4 года, уровень: высокий

jQuery

JavaScript library

Библиотека JavaScript, фокусирую­щая­ся на взаимо­действии JavaScript и HTML. Библио­тека jQuery помогает легко полу­чать доступ к любому эле­мен­ту DOM, обращаться к атрибу­там и содер­жимому элемен­тов DOM, манипу­лиро­вать ими. Также библио­тека jQuery предо­став­ляет удоб­ный API для работы с AJAX. еще

Библиотека jQuery содержит функ­цио­наль­ность, полезную для макси­мально широ­кого круга задач. Тем не менее, разработ­чиками библио­теки не ставилась задача совмещения в jQuery функций, которые подошли бы всюду, посколь­ку это при­вело бы к боль­шому коду, бо́льшая часть кото­рого не востре­бо­вана. Поэтому была реали­зо­вана архитек­тура компакт­ного универ­саль­ного ядра библио­теки и пла­гинов. Это позво­ляет собрать для ресурса именно ту JavaScript-функцио­наль­ность, которая на нём была бы востре­бо­вана.

Опыт: 5+ лет, уровень: высокий

AJAX

Asynchronous JavaScript and XML

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

AJAX базируется на двух основ­ных прин­ципах:
- использование технологии динами­ческого обращения к серверу «на лету», без пере­загрузки стра­ницы пол­ностью, например с исполь­зова­нием XMLHttpRequest (основ­ной объект);
- использование DHTML (CSS, DOM и JavaScript) для дина­мичес­кого изме­не­ния содер­жания стра­ницы.

Опыт: 3 года, уровень: высокий

Bootstrap

Front-end web framework

Также известен как Twitter Bootstrap - сво­бод­ный набор инстру­мен­тов для соз­дания сайтов и веб-прило­же­ний. Включает в себя HTML- и CSS-шабло­ны оформле­ния для типо­гра­фики, веб-форм, кнопок, меток, блоков нави­гации и прочих компо­нен­тов веб-интер­фейса, включая JavaScript-расшире­ния. еще

Открыт под названием Bootstrap 19 августа 2011 года. Третья версия выпу­щена 19 августа 2013 года. В ней адаптив­ность полу­чила дальней­шее развитие, был осуществлён переход к концеп­ции mobile first, оптими­зации прежде всего под мобиль­ные устрой­ства. Дизайн по умол­чанию стал плоским. Bootstrap 4 - это почти полностью переписанный Bootstrap 3. Первая стабильная версия вышла 18 января 2018 года.

Опыт: 5 лет, уровень: средний

foundation

Front-end adaptive framework

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

Фонд является семантическим, читаемым, гибким и полностью настраиваемым. Мы постоянно добавляем новые ресурсы и фрагменты кода, которые помогут вам начать работу!

Опыт: 1 год, уровень: базовый

Git

Version control system

Git - это распределённая система управления вер­сиями. Под­держи­вает быстрое разде­ление и слияние вер­сий, включает инстру­мен­ты для визуали­зации и нави­га­ции по нелиней­ной истории раз­работ­ки. еще

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

Опыт: 3 года, уровень: средний

Github

VCS repository hosting service

Крупнейший веб-сервис для хостинга IT-проектов и их совмест­ной раз­работки. Основан на сис­теме контроля версий Git и разра­ботан на Ruby on Rails и Erlang ком­па­нией GitHub, Inc. еще

Слоган сервиса - «Social Coding» - «Пишем код вместе». На футбол­ках же печа­тают сов­сем другую фразу: «Fork you!» («Ответвись!»). С одной сто­роны, она со­звучна с англо­языч­ным ругатель­ством и наме­кает на нефор­маль­ную атмо­сферу. С другой, эти слова напо­минают, что соз­давать новые форки с Git можно легко и без­болез­ненно - тради­ционно, к соз­данию веток разра­ботчики проек­тов с открытым исход­ным кодом относят­ся нега­тивно - а также со­звучна назва­нию одной из воз­мож­ностей Github - очереди форков.

Опыт: 3 года, уровень: средний

PHP

Server-side scripting language

Первоначально Personal Home Page Tools - скрипто­вый язык общего назна­чения, интенсивно приме­няемый для разра­ботки веб-приложений. В настоящее время под­держива­ется подавляю­щим большин­ством хостинг-провай­деров и является одним из лидеров среди языков, применя­ющихся для соз­дания дина­мических веб-сайтов. еще

В области веб-программирования, в част­ности сервер­ной части, PHP - один из популяр­ных сценар­ных языков (наряду с JSP, Perl и языками, исполь­зуемыми в ASP.NET). Популяр­ность в области постро­ения веб-сайтов опреде­ляет­ся нали­чием большого набора встро­енных средств для разра­ботки веб-прило­жений. В насто­ящее время PHP исполь­зуется сотнями тысяч разра­ботчиков. Согласно рейтингу корпо­рации TIOBE, базирующемся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков програм­миро­вания.

Опыт: 3 года, уровень: базовый

MySQL

Database management system

MySQL - свободная реляционная система управ­ления базами дан­ных, разра­ботку и под­держку осуществ­ляет корпо­рация Oracle. Обычно исполь­зуется в качестве сервера, к которому обращаются локаль­ные или удалён­ные клиенты, является реше­нием для малых и сред­них прило­жений. еще

Гибкость СУБД MySQL обеспечивается под­держкой большого коли­чества типов таблиц: поль­зова­тели могут выбрать как таб­лицы типа MyISAM, поддер­живающие полно­текстовый поиск, так и таблицы InnoDB, под­держи­вающие транз­акции на уровне отдель­ных записей. Более того, СУБД MySQL постав­ляется со спе­ци­альным типом таблиц EXAMPLE, демон­стриру­ющим прин­ципы соз­дания новых типов таблиц.

26 февраля 2008 года Sun Microsystems приобрела MySQL AB за 1 млрд долларов, 27 января 2010 года Oracle при­обрела Sun Microsystems за 7,4 млрд долларов и вклю­чила MySQL в свою линейку СУБД!

Опыт: 3 года, уровень: средний

Opencart

Free eCommerce platform

Платформа, ориентированная на создание интернет-магазинов, разме­щение в них товаров по кате­гориям с различ­ными вариан­тами доставки и оплаты. В админи­стратор­ской панели есть возмож­ность управлять зака­зами и доступно управ­ление несколь­кими платёж­ными сервисами. еще

В сентябре 2014 года OpenCart стал самым по­пу­ляр­ным реше­нием для интернет-коммерции в Китае, а по состоянию на август 2015 года на OpenCart работало 6,42% всех интернет-магазинов мира. По этому показа­телю OpenCart стал третьим в мире, отстав только от WooCommerce и Magento и опередив OSCommerce, ZenCart и Shopify.

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

Опыт: 4 года, уровень: высокий

Wordpress

Free content management system

WordPress - система управления содержимым сайта с от­кры­тым исход­ным кодом; напи­сана на PHP; сервер базы дан­ных - MySQL. Сфера приме­нения - от блогов до доста­точно слож­ных новост­ных ресур­сов и интер­нет-магази­нов. Встроен­ная система «тем» и «плаги­нов» вместе с удачной архитек­турой позво­ляет конструи­ровать проекты широкой функцио­наль­ной слож­ности. еще

2011 год - признана открытым веб-приложе­нием года на ежегод­ном кон­курсе The Critters. По данным лабора­тории W3Techs, в 2015 году 25% всех сайтов рабо­тали под управ­лени­ем WordPress.

Опыт: 2 года, уровень: средний

Vue.js

The Progressive JavaScript Framework

Vue.js - это фреймворк для созда­ния поль­зова­тель­ских интер­фейсов. В отличие от фрейм­ворков-моно­литов, Vue создан пригод­ным для постепен­ного внедрения в проекты. еще

Ядро Vue в первую очередь решает задачи уровня представ­ления (view), что упрощает инте­грацию с другими библио­теками и существующими проектами. С другой стороны, Vue полностью подходит и для создания сложных одно­странич­ных прило­жений (SPA, Single-Page Applications).

Опыт: 3 года, уровень: средний

Портфолио

мои лучшие работы
  • Все работы
  • Верстка
  • JavaScript
  • PHP/MySQL
  • OpenCart
  • Vue