• Какой код начать писать на JS?

    thousandsoulz
    @thousandsoulz
    lil frontie
    Пару месяцев назад был в подобном положении, тоже только html+css, по образованию далеко не программист. Начал штудировать learn.javascript.ru/. Затем начал работать в живых проектах, писать для них легкие скрипты типа плавных якорей, модалок, табов и т.п. Почти каждый день решал задачи на https://www.codewars.com для развития мышления и практики. А месяц назад в лоб получил задание: напиши калькулятор на чистом JS. Я был в ступоре, но начал писать. Правда, главное – начать. 6 дней работы и вот, выкатил, в продакшн, чего сам не ожидал. Попробуй тоже. Только чур не подглядывать.
    Ответ написан
    6 комментариев
  • Какой код начать писать на JS?

    @cluberr
    Советую прочитать вот эту книгу :
    1011395255.jpg
    там классно изложены все темы и идет последовательное построение Игры Морской Бой от простого к сложному
    постепенно изучаешь новые фишки и внедряешь их с пониманием того, для чего это нужно.

    Вот этот сайт очень мощный в плане прокачки практики: https://ru.hexlet.io/professions/frontend

    А еще очень советую решить весь список: ЗАДАЧИ ПО JAVASCRIPT ИЗ КНИГИ "ВЫРАЗИТЕЛЬНЫЙ JAVA...

    плюс сайт www.codewars.com - это отличный сайт на котором собрано огромное количество задач для оттачивания навыков программирования его используют для подготовки к собеседованиям в ведущие компании.

    ну и https://www.freecodecamp.org/
    Ответ написан
  • Какой код начать писать на JS?

    Stalker_RED
    @Stalker_RED
    Вот здесь каждый день появляются задачки по javascript, от самых примитивных, ответы на которые сводятся к "открой уже учебник, и не тупи" до довольно сложных. Подберите такую, которая покажется вам полезной и доступной по скиллу и попробуйте решить самостоятельно. Если не получается - смотрите ответы других людей.

    А вообще, делайте хоть как нибудь. Хоть в процедурном стиле, хоть с использованием GOTO, хоть называя переменные сМиЩнЫмИ названиями. Главное начните уже писать хоть что-нибудь, если упражнения вы уже переросли. Перед тем как вы напишете что-то полезное вам ПРИДЕТСЯ прокачивать скилл на чем-то простом.

    Подавляющее большинство всей литературы о программировании не о том как сделать 2+2 а о том, как сделать некий кусок работы более простым/быстрым/надежным/дешевым способом. Но никакого смысла нет в это вникать, если вы не можете написать вообще никаким.
    Ответ написан
    1 комментарий
  • Что почитать по JavaScript(html/css), когда устал от одинаковых курсов?

    @Mleg
    Очень подробная книга, глубокое погружение - Professional JavaScript for Web Developers (Nicholas C. Zakas) . По сравнению с ней всё остальное кажется поверхностным. Я её читал год в электричке, и этого мне хватило для уверенного входа в профессию (программировать не на JS умел). Там вообще реально ничего сколько-нибудь важного не пропущено. Книга уже не шибко свежая, там только ES5, но обратной совместимости в вебе никто не отменял - всё актуально; доучить после неё современные фишки труда не составит. Очень рекомендую.
    Ответ написан
    Комментировать
  • Что почитать по JavaScript(html/css), когда устал от одинаковых курсов?

    necelentano
    @necelentano
    Этот JS курс must have к просмотру - https://www.udemy.com/understand-javascript/
    Не за что.
    p.s.
    Основу из книг можно хорошую получить, только вот последних фишек языка там не будет.
    Так, что без профильных youtube-каналов не обойтись. Именно на youtube (eng, но иногда и в ru сегменте) можно найти обзоры самых последних фишек, их применение и т.д. Нужно только немного поискать "свои" каналы, которые будут вам максимально полезны. Удачи.
    Ответ написан
    Комментировать
  • Что почитать по JavaScript(html/css), когда устал от одинаковых курсов?

    Leia_Rukkola
    @Leia_Rukkola
    Врач, если есть необходимость - психиатр :)
    Крайне рекомендую этот ресурс. На нем Вы найдете все необходимые знания по js/css/html и многое другое. На мой взгляд это самый полный, подробный, современный и легко усваиваемый материал на русском. Книга содержит множество задач, примеров и описание всяческих "подводных камней" с которыми Вы не раз столкнетесь в своей карьере. Этот ресурс - именно то что Вам нужно сейчас.

    По поводу видео уроков - если Вам понравится учебник, можете быть уверены что Вам понравятся и скринкасты Ильи, например по webpack.

    Еще обратите внимание на тесты знаний, они помогут Вам оценить собственный уровень знаний или подготовиться к собеседованию.
    Ответ написан
    1 комментарий
  • Что почитать по JavaScript(html/css), когда устал от одинаковых курсов?

    boratsagdiev
    @boratsagdiev
    Если нет проблем с английским:

    Серия You Don't Know JS и Practical Modern Javascript.
    Последняя часть YDKJS издана на русском.
    YDKJS я думаю тебе хватит на все три первых пункта.

    По HTML и CSS не знаю, пройди курсы на htmlacademy и следи за обновлениями браузеров :)

    Обучающие видео уже как-то не смотрю, но опять же, если нормально с английским, то рекомендую funfunfunction. Это не курсы, но полезно (и весело). Ещё есть неплохая серия от freecodecamp - Beau Teaches Javascript (там в разных плейлистах всё).

    Если есть проблемы с английским:
    - нужно это исправлять.
    Ответ написан
    9 комментариев
  • Создание кнопки на CSS - какие стили оптимальнее?

    evgeniy8705
    @evgeniy8705
    Повелитель вселенной
    Demo

    Главное при стилизации ссылки под кнопку, необходимо указать
    display: block; // так как по умолчанию ссылка является inline элементом...
    // иначе, применение некоторых стилей не будет применено.

    d314f058d96344b59cfe11ca3ab08ee2.png
    Ответ написан
    Комментировать
  • Как сделать простой выпадающий блок с формой поиска?

    Вот вам пример:
    HTML
    <button id="open">Открыть</button>
    <div id="form">
      <form action="#" method="post">
        <input type="text" value="" placeholder="найти" />
      </form>
    </div>

    CSS:
    #form {
      padding: 20px;
      background-color: #000;
      display: none;
    }

    JS:
    $(document).ready(function () {
      var searchBlock = $('#form');
      $(document).on('click', '#open', function () {
        searchBlock.slideToggle();
        return false;
      });
    });

    А вообще заглянули бы в код страницы, там все написано.
    Ответ написан
    Комментировать
  • Создание и использование SVG спрайтов?

    vilka_2009
    @vilka_2009
    Верстаю
    Мы svg-спрайты подключаем через background в css, а не через object. (работаем через TARS)
    Почитайте эту статейку, может она вам когда-нибудь поможет https://svgontheweb.com/ru/ Пункт CSS-манипуляции, посмотрите и обязательно пункт Спрайты. Я думаю там есть то, что вам нужно.
    Ответ написан
    7 комментариев
  • Знаю основы HTML CSS, но верстать не получается. Как преодолеть баръер?

    vilka_2009
    @vilka_2009
    Верстаю
    Нужно просто брать и верстать. Не думая ни о чем. Самое главное не думать о том, что что-то не получается и не получится. Это должно быть не про вас. Просто берете и делаете.
    Ответ написан
    Комментировать
  • Что изучать верстальщику и в каком порядке?

    vilka_2009
    @vilka_2009
    Верстаю
    Не слушай тех, кто говорит, что без JS верстальщик - не верстальщик. Такие люди уже слишком давно работают, чтобы осознавать насколько сложно быстро изучить js попутно получая свой первый опыт в верстке.
    Запомни вообще: мы не можем знать все и сразу. Опыт - это самое важное после стремления и умения учиться и развиваться. Чтобы ты не боялся, что не возьмут в другую компанию: https://habrahabr.ru/post/323188/ Взять к примеру сообщение Тима Дикерса: "Привет, в лид в гугле, и более чем 30 лет программирую. И каждый раз мне надо искать, как узнать длину строки в питоне." А ведь самый первый урок на любом языке начинается с примера, как узнать длину строки ))

    Теперь поделюсь немного своим опытом. Как начинала я: я уволилась с работы и пошла учиться на курсы в htmlacademy База там дается отличная, правда с первого раза мне сложно было заставить себя учиться, поэтому я прошла бесплатно второй такой же интенсив. Перед НГ защитилась на отлично, можно сказать, и в феврале меня уже пригласили на работу примерно как у тебя (тоже java, совдепия, xml, таблицы). Сидела я там и баги всякие поправляла. Ушла через 5 месяцев. Долго не могла устроиться и из-за отсутствия свободных мест, и из-за собственного же страха и неуверенности. Бралась за фриланс, получала опыт, даже бесплатно работала в стартапе)) Мне важно было как можно больше практиковаться и получать опыт. Благо вообще нравится верстать) Весной следующего после увольнения года мне предложили работать в какой-то новой конторке, нас там было всего трое - дизайнер, программист и верстальщик. Всему обещали научить и чему успели научили) И ведь до сих пор люди считают, что верстальщик в компании должен быть! А некоторые компании совмещают приятное с полезным: верстальщика с программистом-фронтендером. Тем самым экономят рабочие места и зарплаты. Удобно же, да?) И вот такие опытные разрабы и говорят, верстальщик без js - не верстальщик. Фигня все это. Сейчас верстка гораздо сложнее и заковырестее, чем работа контент-менеджера, которая заключается в том, чтобы текст писать и вставлять его куда надо. Когда ты умеешь js - ты уже junior фронтендер. Это мое ИМХО. Ты отвечаешь не только за верстку, но и за фронт. Короче, далее)) В этой маленькой конторке я получила норм опыт и через пол года меня уже переманили в другую, одну из топовых организаций нашего небольшого города (тоже 400к). Зп как я когда-то хотела, проекты интересные, полная свобода действий и самостоятельность, даже уважение!) и я не знаю JS. И флексбоксы только начала пробовать. И проекты в моем портфолио за 2 года можно по пальцам пересчитать. Нужно просто успокоить себя и осознать, что верстка - это совсем не сложно. И js тоже совсем не сложно. И быть неопытным - тоже не проблема. Те организации, которые готовы брать неопытных людей, знают на что идут, они могут выделить свое личное время на твое обучение, на допиливание твоего опыта) Мы с коллегами 2 раза в неделю остаемся после работы и учим js. Нам читают учебник learn.javascript (да да), быстренько так зачитывают, все на пальцах и примерах в браузере тут же показывают, объясняют простым языком и потом ты уже спокойно можешь перечитывать учебник и понимать, что там написано и выполнять задачки под статьями. Периодически, для закрепления материала, нам дают домашку. Точнее давали, мы уже закончили js-лекции. И все равно, нельзя сказать, что мы сейчас прям сядем и плагин свой напишем - ни! Мы теперь можем понять практически любой код, написанный другими людьми. И использовать его. Для написания своего нужен просто опыт, больше практики.

    Я думаю, что работая в этой конторке на отстающих технологиях ты просто тратишь время зря. Иди в любую другую, реально. Просто за опытом. И да, в Москве медом не намазано. Там абсолютно так же как и в твоем городке, просто мест больше. Лучше туда наоборот опытным матёрым фронтендером ехать, за деньгами. А опыт в любом месте можно найти.

    Вот мой "блог"-цель по развитию в профессии, может прибавит тебе чего. Я его чисто как чек-лист для себя составляла.

    По поводу адаптива: в бутстрапе тоже используются медиазапросы. И покапавшись в нем, поюзая его, я поняла и осознала, что такое адаптив. Не знаю, что там учить перед его использованием?! Его и создавали как раз для программистов-бэкэндеров, чтобы они не запаривались и не вникали в адаптивную верстку, а просто юзали нужные классы. Так что, начинай использовать бутстрик и норм будет ;)

    Вот те мини-план от меня:
    • отбросить страхи
    • включить уверенность
    • блочная верстка
    • сетка на float || inline-block
    • попробовать бутстрап
    • html5, css3, семантика (она плотно зашита в html5)
    • попробовать расположить все элементы на странице/блоке позиционированием
    • ( так же все это можно попрактиковать на бесплатный курсах html-академии )
    • медиа-запросы
    • устроиться на работу
    • осознать бутстрап (то есть попробовать осознанно сверстать несколько макетов на бутстрапе, с адаптивом, на работе прям и попробуешь, ведь ты же уже знаком с бутстрапом :))
    • флексы - узнать и осознать, что это круче и удобнее бутстрапа в миллион раз
    • Внедрить флексы в рабочий проект, утвердив с ведущими и доказав, что его можно спокойно юзать и что не надо поддерживать ie 9... да даже 10
    • Самое главное: уделять по 1-2 часу в день, чтобы прочитать 0,5-1 главу на learn.javascript и пройти задачки под каждой прочитанной статьей ( у меня примерно столько уходило времени).


    Кстати да, совсем забыла про svg - это само собой ) Выкладывать на гитхаб свои работы прям на ходу разработки - это тема! Проверяющие будут видеть как ты коммитишь и юзаешь гит.
    Ответ написан
    10 комментариев
  • Что можете посоветовать вместо fontAwesome?

    litlleidiot
    @litlleidiot
    Фронт-Энд разработчик
    ionicons.com
    Наверное один из лучших на сегодняшний день, работает так же по CDN как и бутстраповские только более крутые, есть разные варианты начертания одной иконки, давно уже слез с этих каличных фонт осом
    Ответ написан
    1 комментарий
  • Как стилизовать option под select?

    Вот один из вариантов без JS:
    jsfiddle.net/29FTZ/3

    PS: ранее отправил не верную ссылку.
    Ответ написан
    5 комментариев
  • Как вы работате с гитом?

    nazarpc
    @nazarpc
    Open Source enthusiast
    Я почти всегда при работе с Git пользуюсь IDE, соответственно все действия с git (почти все, иногда лезу в консоль) делаю через неё.
    Обычно коммиты делаются после завершения некоторого логического куска работы (новая фича, исправление бага, добавленный тест или группа тестов, некоторые достаточно существенные промежуточные состояния и так далее), смотрите на GitHub примеры как это делают другие.

    То есть кратко:
    1) нет
    2) нет
    3) да
    Ответ написан
    3 комментария