Задать вопрос
  • Какие задачи нужно уметь выполнять на JS начинающему?

    copist
    @copist
    Empower people to give
    Какие задачи нужно уметь решать на чистом JS, перед тем как переходить к изучению библиотек и фреймворков?


    Кроме синтаксических конструкций, математических и логических выражений, нужно знать:
    • Область видимости переменных
    • Замыкания
    • Объектно-ориентированное программирование, в частности наследование через прототипы
    • Шаблон проектирования "модуль"
    • Операции над DOM
    • Понимание принципов событийно-ориентированного программирования
    Важно - нужно знать, откуда копипастить.
    Тебе нужно быть очень хорошо знакомым с одной-двумя-тремя популярными библиотеками на JavaScript. В идеале ты должен иметь представление о том, что определённый класс задач может быть решен с помощью определённых библиотек, хотя бы одной, но такие знания приходят с практикой. Вообще ты должен быть знаком с ними так близко, чтобы помнить, в какой части мануала по библиотеке можно найти описание форматов входных данных нужной тебе функции и какой будет результат, чтобы скопировать и вставить в свой код, а потом поправить, чтобы работало.

    Важно - инструменты программиста JavaScript
    У тебя должен быть удобный инструмент для разработки (IDE, Integrated Development Environment), чтобы он тебе подсвечивал код (syntax highlight) и подсказывал о синтаксических ошибках (syntax check), о формальных параметрах функций (type hinting), о стиле кодирования (code style), помогал писать код (live templates).
    Ты должен знать, как отлаживать скрипты в популярных браузерах (Firebug, Chrome Developer Tools и другое). Что такое точки останова, как управлять исполнением во время останова, как посмотреть и поменять содержимое переменных, как настроить останов по условию.

    Хотелось бы узнать что это за задачи(упомянутые вами 80%)


    Реальные задачи джунов:
    1. Возьми из сборника задач по javascript любой скрипт случайно и вслух расскажи, что он делает.
      Важно - читать и понимать чужой код намного важнее, чем писать свой. И на работе тебе это приддётся делать чаще, чем ты думаешь. Чтобы подключить к своему проекту чужую JS либу, нужно понимать что она делает, как она конфигурируется, как управлять её поведением. Скажу точно, что написать свой скрипт, который строит графики, намного сложнее, чем понять, как настраивается highcharts.

    2. Напиши скрипт на JS, который в заданном тексте удалит один или два символа, выбранных случайно
      1. Усложнение: удалять можно только буквы в словах, а знаки пунктуации и цифры удалять нельзя
      2. Усложнение: принять, что этот текст является программной на Javascript, удалить одну-две команды JS, но только если они не в строковых литерах (break как команду удалить можно, а в строке "break my heart" нельзя)
      3. Усложнение: воспользуйся этим скриптом и "попорти" код какого-нибудь другого скрипта на Javascript, а потом отладь, найди ошибку и восстанови работоспособность
      Важно - этим обычно все и занимаются - ищут баги. Только в реальной жизни они и без этого скрипта появляются. И не по одному, а прям пачками.

    3. На страницу HTML нужно встроить график курса доллара по отношению к рублю. Формат входного массива значений курса определи сам, исходя из своего скрипта для построения графиков.
      1. Усложнение: на одном графике должны быть два курса, по разным шкалам. Наприме, курс доллара к евро и курс юаня к рублю
      2. Усложнение: первоначально график вывести в детализации по месяцам, но чтобы можно было "приблизить" (drilldown) детализацию до дней
      3. Усложнение: первоначально график вывести текущем месяце, но чтобы можно было загрузить данные для предыдущего месяца без перезагрузки страницы (AJAX)

    4. При клике по картинкам, вставленным в текст HTML, показывать всплывающее окно для просмотра увеличенной картинки.
      1. Усложнение: в всплывающем окне сделать навигацию по картинкам, вперёд/назад и к нужной картинке
      2. Усложнение: в всплывающем окне вместо картинки показать видео-ролик с Youtube
      3. Усложнение: в всплывающем окне показать текст HTML

    5. По клику на кнопку "Click me" показать всплывающую форму.
      1. Усложнение: реализовать проверку данных на корректность перед отправкой формы (непустое значение, минимальное количество символов, максимальное количество символов, минимальное числовое значение, максимальное числовое значение)
      2. Усложнение: если в значении текстового поля встретилась гиперссылка, то считать её за 22 символа при любой длине этой ссылки (как в твитере)
      3. Усложнение: реализовать отправку формы на сервер через AJAX, без перезагрузки страницы
      4. Усложнение: саму форму в виде HTML загрузить с сервера через AJAX, в момент клика по кнопке "Click me", правила проверок данных должны как-нибудь "извлечься" из самой загруженной формы, например из аттрибутов полей ввода

    6. К форме ввода данных на поле ввода даты "навешать" всплывающий календарь для выбора даты.
      1. Усложнение: сделать форму календаря мультиязычной. Хотя бы через настройки на том же JavaScript
      2. Усложнение: сделать так, чтобы с помощью календаря можно было выбрать диапазон дат, чтобы она была привязана к двум полям формы "дата начала" и "дата окончания", и чтобы значение в поле "дата начала" обязательно была меньше чем в поле "дата окончания"
      3. Усложнение: сделать так, чтобы с помощью в календаре можно было видно визуально этот диапазон
      4. Усложнение: диапазон может быть открытым, но не пустым, то есть пользователь должен задать хотя бы дату начала или дату окончания.

    7. Сделать пред-просмотр веб-страницы HTML с разными темами. Тему страницы выбирать через селектор на javascript, а показывать в фрейме.
      1. Усложнение: сделать селектор "тип устройства", чтобы менять размер фрейма (например, "iPhone 5c 1136x640") и "чекбокс" для смены ориентации страницы "горизонтальная" или "вертикальная" (соответственно 1136x640 или 640x1136)
      2. Усложнение: в селекторе тем предусмотреть поиск тем по подстроке, и аналогично поиск устройств по части названия (авто-дополнение, auto-complete)
      3. Усложнение: тема страницы должна меняться без перезагрузки фрейма



    Задачи повышенной сложности, исходя из личного интереса
    1. Реализовать форму для многошагового мастера: форма должна состоять из нескольких страниц (шагов), пользователь может переключать страницы через какие-нибудь элементы управления "вперёд/назад" или "перейти на страницу".
      1. Усложнение: реализовать функциональную связь значений, когда некоторые данные зависят друг от друга (ввёл число в поле "количество" и в поле "сумма" значение пересчиталось)
      2. Усложение: доступность некоторых полей ввода должна зависеть от данных (например, если указал "есть личный самолёт", то значит можно ввести "марка самолёта")
      3. Усложение: видимость некоторых страниц должна зависеть от данных из предыдущих страниц (например, если указал "есть личный самолёт", значит появилась страница "ТТХ самолёта"; иначе страница должна скрыться)

    2. Реализовать однопользовательскую браузерную игру "змейка", "тетрис", "найди пару"
    3. Реализовать многопользовательскую браузерную игру "крестики-нолики", "морской бой" на два игрока в режиме "hot seat"
      1. Усложнение: два игрока на разных компьютерах, ходы передаются по websocket
      2. Усложнение: ограничение на ожидания окончания хода 15 секунд, по окончании ожидания автоматически делается случайный ход

    4. Реализовать todo-list. Пользователь вводит список, затем он превращается в строки с "чек-боксами". Когда "чекбокс" включен, строка зачёркивается.
      1. Усложнение: пользователь может переименовывать, удалять, добавлять строки
      2. Усложнение: список хранить в localStorage браузера, чтобы при перезагрузке страницы он восстанавливался
      3. Усложнение: пользователь может иметь несколько независимых списков todo

    5. Реализовать простой графический редактор. Пусть рисуется точка в месте, где пользователь кликнул.
      1. Усложнение: добавить переключатель режимов "точка"/"линия", в режиме "линия" рисуются линии между двумя последовательно кликнутыми точками
      2. Усложнение: можно менять толщину, цвет линий, размер точек
      3. Усложнение: последовательность кликов можно воспроизвести ещё раз с самого начала, равномерно или с реальной задержкой между кликами, с обычной скоростью или ускоренно
      4. Усложнение: можно выгрузить получившийся рисунок в формате PNG или SVG, причём SVG c анимацией воспроизведения



    Можно использовать любую существующую библиотеку.
    Например,
    для построения графиков www.highcharts.com
    для загрузки и передачи данных через AJAX: jquery.com + что-нибудь на сервере
    для всплывающих диалогов с картиками, видео и формами: fancyapps.com/fancybox и https://jqueryui.com/dialog/
    для валидации форм rickharrison.github.io/validate.js
    для календаря https://jqueryui.com/datepicker/
    для автодополнения https://jqueryui.com/autocomplete/
    для передачи данных между несколькими пользователями socket.io или обычный AJAX
    Ответ написан
    16 комментариев
  • Как правильней сделать быстрое выкатывание в продакшн?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    конфликты мерджей очень сильно тормозят

    1) Дробите задачи, делайте ветки короткоживущими
    2) Хорошая идея делать ребейз принятых веток
    3) Попробуйте адаптировать под себя git-flow, как альтернатива хорошо себя показывает feature-toggles вместо feature-branches

    Да и бд экспорт/импорт постоянно приходится делать.

    1) Миграции
    2) Старайтесь делать миграции так, что бы они не ломали предыдущие релизы. Ну мол если вам надо добавить колонку, хорошей мыслью будет в первом релизе сделать ее nullable что бы старая версия приложения еще могла работать с новой версией базы, и потом уже следующим релизом добивать этот кусок. Основная идея - желательно что бы две последние версии приложеньки могли работать с последней версией базы данных. Если у вас база нормализована нормально, то проблем с этим быть не должно.

    Если второй пункт соблюдается то вакатка новых релизов будет происходить по такому алгоритму:

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

    При таком сценарии даунтайм будет минимальным.

    вопрос с выкатыванием новых релизов

    Вот вам варианты в порядке сложности и мощности (от простого к сложному).
    - capistrano/capifony
    - ansible/puppet/chief/etc
    - docker + docker-machines + docker-compose

    Ну и да, тесты тесты тесты. Все самое критичное должно быть покрыто хотя бы интеграционными/функциональными тестами. В идеале же вся бизнес логика должна быть покрыта быстрыми юнит тестами и UI/инфраструктура функциональными (читать про пирамиду тестирования).
    Ответ написан
    5 комментариев
  • Какие задачи нужно уметь выполнять на JS начинающему?

    sivabur
    @sivabur
    Заблокировали просто так!
    1. Валидация форм и отправка аяком на сервер+получения ответа
    2. Погрузка данных через аякс при выборе какого то пункта
    3. Слайдер както сделать.
    4. Интерфейс жосткий чтоб там заежало там выезжало со всеми свистопеределками.

    2 уровень
    писать плагины для джеквери по стандарту
    изучить какойто из фрамиворвков и на нем писать
    Ответ написан
    2 комментария
  • Есть ли уроки разработки мобайл на Qt?

    Zifix
    @Zifix Куратор тега Qt
    Barbatum
    На самом деле специфика разработки под мобильники заключается в двух вещах: во-первых правильная работа с разными DPI у экранов и расширение функционала нативным для платформы кодом (например для работы с push уведомлениями). В остальном никакой разницы при разработке на QML под любую платформу нет.

    Вот неплохой набор для старта под Android.

    Upd 2016: https://habrahabr.ru/post/282505/
    Ответ написан
    1 комментарий
  • MongoDB как вторая СУБД?

    @protven
    А зачем вообще логи хранить в БД ? Запихните их в HDFS/ElasticSearch+Kibana. В общем более предназначенные для этого места.
    Ответ написан
    Комментировать
  • Deploy django do?

    sim3x
    @sim3x
    scp local/dir user@DO:/remote/absolute/path/dir
    Ответ написан
    3 комментария
  • Почему не работает auto_now_add в модели Django?

    dar6k6night
    @dar6k6night
    Веб разработка, скрипты
    auto_now_add это добавление текущей даты при вставки записи в таблицу, при всех последующих обновлениях записи эта дата не будет меняться. Если надо что бы поле обновлялось при каждом изменении записи, нужно ставить флаг auto_now=True
    Ответ написан
    1 комментарий
  • Разработка мобильный приложений с помощью веб технологий?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    cordova + crosswalk для андроида + ionic в качестве UI фреймворка.

    Всегда ли нужен веб-сервер? И нужен ли вообще?

    Ну если нужно данные на сервере хранить то логично что нужно. Правда есть еще сервисы вроде parse.com как серверо-заменители с плюшками.
    Ответ написан
    Комментировать
  • Правда ли то, что сейчас (в кризис) сложно найти работу в сфере IT?

    LittleFatNinja
    @LittleFatNinja
    горе девелопер, любитель лютой садомии
    нет
    Ответ написан
    Комментировать
  • Как в django вместо удаления модели помечать ее?

    mututunus
    @mututunus
    Backend developer (Python, Golang)
    class PhotoAdmin(admin.ModelAdmin):
        def get_queryset(self, request):
            queryset = super(PhotoAdmin, self).get_queryset(request)
       
            return queryset.filter(delete=0)
    Ответ написан
    Комментировать
  • Как лучше спроектировать базу данных?

    svfat
    @svfat
    ☺Нужен VPS? Два месяца бесплатно. Смотри профиль☺
    Основная проблема вашего варианта, то, что количество лекарств в курсе ограничено - а что, если их понадобится 100 или 1000? В таблице будет столько же столбцов? Это решается тремя таблицами. Вот псевдокод:
    # Это курс - он связан с моделью юзера
    class Course(models.Model):
        days = models.IntegerField()
        start_date = models.DateField()
        user =  models.ForeignKey(User)
    
    # Это лекарство - оно само по себе
    class Med(models.Model):
        med = models.ChoiceField()
        time = models.ChoiceField()
        med_amount = models.CharField()
        med_type = models.ChoiceField()
        descr = models.TextField()
        video = modesl.URLField()
        week = models.ChoiceField()
    
    # Это связывает курс с лекарством (и позволяет присваивать их неограниченное число раз)
    class CourseMed(models.Model):
        course = models.ForeignKey(Course)
        med = models.ForeignKey(Med)


    Используя встроенную админку такое приложение можно написать минут за 15
    Ответ написан
    Комментировать
  • Как лучше спроектировать базу данных?

    @vilgeforce
    Раздолбай и программист
    Лучше прочитать про третью нормальную форму и не задаваться больше такими вопросами.
    Ответ написан
    4 комментария
  • Как лучше построить изучение программирования?

    Нужна обратная связь от опытных людей. Получить ее можно, как я вижу, двумя способами:
    1. Можно устроиться в команду с толковыми программистами и выстроенным процессом кодревью.
    2. Подключиться к open source проекту. Брать несложные баги, править и отправлять патчи.

    В обоих случаях очень быстро качество кода вырастет.

    Книги - это долгий процесс. И не факт, что получится вообще хоть как-то улучшить свой код.
    Ответ написан
    2 комментария
  • Фриланс и налоги, стоит ли платить?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    1) налоговая не знает, даже если знает, то официально не знает, пока нет дела по уклонению.
    2) когда встанет вопрос штрафа, придется оплатить и налоги и штраф.
    3) банки отправляют в финмониторинг тарнзакции более 150к (или 300к, говорят по разному), это не налоговая, но тоже неприятно, Пейпал - сложнее, хз что он и куда отправляет, но отправляет тоже, ибо соблюдает законы в рублевой зоне
    4) регистрироваться нужно ИП, чтобы по закону получать периодически из-зарубежа, ибо простому человеку нельзя вести внешнеэкономическую деятельность. Проблема в том, что фрилансеру практически нельзя получать от контрагентов документы для ИП, это, в общем-то, основная загвоздка данной ситуации, ее решают на местах по разному, все же налог ИП выгоднее налога физлица

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

    В вашем случае самым правильным способом ( но не самым дешевым) было бы накопление на Пейпале сумм, вывод их на счет раз в квартал и уплата налоговой просто подоходного - "вот доход, вот налог", можно подать как гонорар, что не предпринимательство и разрешено. Это пусть вам местный бух расскажет.

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

    также посмотрите для приема денег на такой вариант
    Ответ написан
    2 комментария
  • Как стать менеджером в ИТ?

    Symphony
    @Symphony
    Так Вы станете лишь очередным, простите, "говноманагером", никчемность которого не имеет границ.
    Возможно ли?
    Что надо уметь, чтоб управлять программистами.
    Из «рядового» до «генерала»?
    Ответ написан
    Комментировать
  • Как стать менеджером в ИТ?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    да, достаточно быть племянником или девушкой посимпатичнее
    Ответ написан
    Комментировать
  • Входной уровень на Python Junior Developer?

    Все выше сказанное верно. Ищите стажировки, просматривайте вакансии и смотрите какие требования в конкретном месте.
    Как показывает практика, с учетом того что основное направление Python в нашей стране это Web, знания одного только питона будет маловато, учите JavaScript, учите базы данных, УЧИТЕ АНГЛИЙСКИЙ. Как только уровень знаний будет более менее нормальным, начинайте с изучения фреймворков Django, Flask. Как только сможете написать свое первое веб приложение на одном из них, можно начинать ходить по собеседованиям( вероятность успеха крайне мала на данном этапе, однако одно собеседование может научить вас больше чем неделя штудирования документации), берите все тестовые задания которые дают, и выполняйте их, просите что бы Вам давали фидбєки, и указывали на ошибки.
    О фрилансе на Питоне, ИМХО, лучше сразу забыт на первых этапах.
    Из ресурсов могу посоветовать:
    Марк Лутц - Изучаем Питон 4е издание.
    www.diveintopython.net
    djbook.ru/rel1.8
    Ответ написан
    5 комментариев
  • Входной уровень на Python Junior Developer?

    LeEnot
    @LeEnot
    Енот-андроид
    Если вы студент - устраивайтесь на стажировки - студентом это сильно проще, если вы уже окончили учебное заведение, почти все варианты стажировок для вас закрыты.
    Так же не очень понятно - какой у вас уровень общих знаний. Если совсем не умеете программировать, это одно. Если писали что-то уже на других языках - другое.
    Ну и потом, практика показывает, что необходимый уровень - это как приняли. Т.е. если рассылать резюме постоянно и ходить на собеседования, можно как раз и выяснить, что требуется, и получить навыки собеседований, и устроиться в конце концов.
    Ответ написан
    1 комментарий
  • Кто как организовывает админ-панель в Django?

    svfat
    @svfat
    ☺Нужен VPS? Два месяца бесплатно. Смотри профиль☺
    Если нужен упрощенный админ-интерфейс, или наоборот значительно более сложный - то лучше написать самому.

    А так, админка Джанго имеет достаточно простой код и легко конфигурируется - более того, на каких-то простейших внутренних проектах для ограниченного круга пользования, вполне можно использовать ее в качестве единственного фронтенда. Писал подобие мини-ERP, в urls.py были только 'admin.urls'.
    Ответ написан
    1 комментарий
  • Кто как организовывает админ-панель в Django?

    un1t
    @un1t
    В каких-то случаях достаточно, в каких-то нет. От задач зависит.
    Ответ написан
    Комментировать