Контакты

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (28)

Лучшие ответы пользователя

Все ответы (37)
  • Навыки front-end разработчика

    gelevanog
    @gelevanog
    javascript developer
    HTML (XHTML, HTML4, HTML5) - обязательно (внимание на HTML5)
    CSS (2.1, CSS3, etc.) - обязательно (внимание на все версии)
    JavaScript / Ajax - обязательно, классика
    jQuery - обязательно, классика
    Popular Frameworks (HTML5 Boilerplate, Twitter Bootstrap, etc.) - первый удобный шаблон для html5 проекта, не более, второе уже классический шаблон для адаптивной верстки
    Modernizr - библиотека для определения браузеров, клиентов, девайсов - прочитать, усвоить, применять по необходимости что-то определить
    OOCSS / BEM / SMACSS (Modular coding methodologies) - способы удобного написания стилей, прочитать, усвоить, применять по необходимости
    CSS Grids - не знаю что автор имел ввиду - видимо CSS-сетки, просто надо знать
    CSS Frameworks / Resets - ничего сложного технологии обнуления стилей и опять наборы CSS правил с классами типа animate.css
    Progressive Enhancement / Graceful Degradation - понятие связанное с кроссбраузерностью и упрощением функционала и отображения в некоторых браузерах
    HTML and CSS Specifications (W3C / WHATWG) - чаще проверять код на валидность, это позволяет понять свою ошибки как раз на основе этих спецификаций
    UX / Usability - больше для дизайнеров, но тоже пригодится
    Website Speed / Performance - плюшки по оптимизации
    Developer/Debugging Tools (Chrome Dev Tools, Firebug, etc) - умение ковыряться в консоли, надо знать и применять всегда
    YUI Library - по необходимости
    Dojo / MooTools / Prototype - изучать и применять по необходимости
    Responsive Web Design - надо знать работу с css медиа-запросами
    Mobile Web Development - абстрактное понятие связанное с разработкой мобильных веб-приложений
    Mobile Web Performance ---
    Cross-Browser / Cross-Platform Development - абстрактное понятие связанное с разработкой кроссбраузерных и кроссплатформенных приложений
    Document Object Model (DOM) - дом модель - на вводном курсе по js должен знать о ней каждый фронтендер
    Cross-Browser Bugs and Inconsistencies (primarily IE6-8) - без комментариев
    CSS Pre-Processors (LESS / Sass) - удобные препроцессоры для работы со стилями, рекомендую для упрощения работы с CSS
    Version Control (Git / GitHub / CVS / Subversion) - полезный навык, нужный не только фронтендерам, полезен для командной разработки.
    HTML5 APIs (Canvas, Geolocation, Video, etc.) - изучать и применять по необходимости
    Object-oriented Programming (OOP) - без комментариев
    Back-end Templating languages/technologies (PHP, Ruby, .NET, etc) - нужно знать на базовом уровне, что бы понимать как обрабатывать данные на клиенте, возвращенные/отданные сервером, мучать бэкендщика по этому поводу.
    Scaffolding, Task Runner tools (Yeoman, Grunt, Bower, etc.) - удобные штуки упрощающие работу
    MVC Frameworks (Angular, Backbone, etc.) - изучать и применять по необходимости
    MySql - изучать
    Accessibility / WAI-ARIA - изучать и применять по необходимости
    Microdata / Microformats - изучать и применять по необходимости
    HTML5/CSS3 Polyfills - изучать и применять по необходимости
    CMS (WordPress, Drupal, Joomla, etc) - изучать и применять по необходимости
    Functional Programming - без комментариев, надо знать
    Data Formats (e.g. JSON, XML) - надо знать
    Internationalization / Localization - абстрактное понятие
    Content Strategy - изучать и применять по необходимости
    Offline Web Apps - изучать и применять по необходимости
    Regular Expressions - надо знать на базовом уровне
    .htaccess - изучать и применять по необходимости
    SVG - изучать и применять по необходимости
    Image Editing Tools (Photoshop, Fireworks, etc.) - надо знать
    Web Font Embedding / Licensing - работа со шрифтами
    SEO - фронтеднеру надо знать на уровне семантичной вертски
    Haml - работа с HTML
    CoffeeScript - работа с JS

    В целом все эти технологии, понятия и пр. тесно пересекаются друг с другом. Изучая что-то одно невольно изучаешь другое.
    Ответ написан
    1 комментарий
  • Что нужно знать Front-end разработчику в 2014 году?

    gelevanog
    @gelevanog
    javascript developer
    EcmaScript 6
    Ответ написан
    Комментировать
  • Webstorm или Intellij Idea для Node.js разработки?

    gelevanog
    @gelevanog
    javascript developer
    Webstorm конечно! intellij это Java IDE.
    Ответ написан
    1 комментарий
  • Где найти Jquery слайдер для фото (пополам)?

    gelevanog
    @gelevanog
    javascript developer
    Такие сладеры называются как правило before after slider. В гугле по такому запросу их есть))
    Ответ написан
    Комментировать
  • Как получить имя домена, с которого загружен скрипт?

    gelevanog
    @gelevanog
    javascript developer
    // объявляем массив 
    var domains = []
    // обходим все скрипты
            $('script').each(function (i) {
                var $this = $(this);
    // объявляем номинальные ссылки, скармливаем атрибуту href атрибут src
                var a  = $('<a href=' + $this.attr('src') + '/>');
                var scriptName = '';
    // получаем имя скрипта
                if(!scriptName.indexOf('/') > -1) {
    // если домен сторонний - обрезаем до последнего "/"
                    scriptName = /[^/]*$/.exec($this.attr('src'))[0];
                } else {
    // если локальный ничего не обрезаем
                    scriptName = $this.attr('src');
                }         
    // загоняем в массив обект типа {script: {hostname: 'hostname', scriptName: 'scriptname'}}
                domains.push({
                    script: {
    // используется браузерный метод тэга <a> 
                        hostname: a[0].hostname,
                        scriptName: scriptName
                    }               
                });
            });
    // выводим результат
            console.log(domains);
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (2)