• И снова курсы веб разработки?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    В конце 2015 года я задумался о том, чтобы свалить со стека php+jquery на что-то более адекватное современным реалиям. Т.к. года с 2011 ajax/spa неумолимо все больше доминирует над старомодным рендерингом средствами php, мой выбор пал на клиентсайд с JS.

    До того времени (начало 2016 года) я к JS относился весьма скептически, т.к. еще свежи были впечатления от нездоровых приключений с js3 vs ie6 и иже. Тем не менее проштудировав материалы JavaScript Weird Parts и ролики Зоракса я, внезапно, понял, простил и полюбил JS.

    По мере же погружения в прелести ES6+ я стал фанатом JS.

    Моё стремление в сторону JS крепчало.

    Из фреймворков я сначала позарился на Ember.JS, но что-то путное на нем слепить с наскоку оказалось задачей непосильной, хотя он, безусловно, крут.

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

    Внезапно я обратил внимание на React.JS и оно мне прям вот зашло в самую душу. Как оказалось, у этого айсберга не то чтобы двойное, а прям очень многослойное дно, я бы даже сказал днище. но было уже поздно, я уже подсел и, как снежный ком, несся на встречу своему фронтенд-счастью.

    Параллельно, впервые за 20 лет практики, я внезапно стал дистанционно "ходить" по собесам, и .... круто обламываться. Особо больно было в первые 2-3 раза. Сказались дурные привычки юности - стремление изучать только то, что конкретно приносит пользу здесь и сейчас, игнорируя "тупую", "бесполезную" теорию. Сыпался на таких мелочах, что стыдно вспомнить...

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

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

    Так вот, чтобы переформатировать мозги с пыхи на JS мне нужно было попрактиковаться несколько сотен часов. Я весьма ленив, поэтому сам себе задачки придумывать бросил сразу после школы и школьных олимпиад - наигрался. Тем не менее без практики никуда, поэтому я пошел на кодварс (пруф: https://www.codewars.com/users/iCoderXXI) и стал решать там всё подряд. Поначалу код был ужасен, но работал, постепенно мозг привык и качество кода стало расти. Параллельно стало сложно писать на пыхе, ибо кода получается существенно больше при аналогичном выхлопе. Подобный инцидент у меня случился году в 2006, когда я с клиппера мигрировал на пыху, потом было сложно писать на клиппере, ибо он убог. Пока я не знал пыхи, клиппер мне казался весьма недурным языком. :)

    В общем материалов и приёмов пришлось освоить массу, на все про все у меня ушло более 1.5 лет в режиме 2-4+ часа ежедневных занятий. За это время я умудрился завалить порядка 10 собесов, пока, наконец, не выстрелило.

    Тем не менее мне еще очень многому предстоит научиться, т.к., по сути, мой потенциал - это матёрый сеньёр/архитектор, а реально я пока мидл по части фронтенда. :) Рассчитываю за следующие пару лет устранить этот досадный разрыв.

    Это я все к тому написал, что переучиться можно в любом возрасте (мне 36), было бы желание и упорство.

    В общем я настоятельно рекомендую упор делать в JS/HTML5+/CSS3+ и React/Vue (хотя тут по вкусу, но на эти два "фреймворка" приходится существенная доля вакансий и заказов).

    ВАЖНО! Если раньше не доводилось программировать, то в обязательном порядке параллельно с JS нужно освоить базовые знания/навыки в алгоритмах и структурах данных, а, так же, базовый уровень в информационных технологиях, иначе многое будет просто непонятно, будешь буксовать часами и днями на всяких глупостях.

    P.S.: На htmlacademy курс мне нравится (я там подрабатываю наставником). Однако мне очень хочется, чтобы курсанты приходили несколько более подготовленные по части алгоритмов и структур данных.
    Ответ написан
    2 комментария
  • И снова курсы веб разработки?

    e-antonov
    @e-antonov
    Сначала пройдите бесплатные курсы на https://htmlacademy.ru/
    Потом пройдите платный интенсив либо там же, либо на https://loftschool.com/
    На вашем месте я бы выбрал интенсив от https://loftschool.com/ либо попроще https://loftschool.com/course/web-beginner либо посложнее https://loftschool.com/course/web-development в зависимости от текущего уровня знаний.

    К тому моменту как вы окончите интенсив у вас будет определенное знание html, css, препроцессоров, сборщиков, jquery и javascript + как минимум один выпускной проект в портфолио на гитхабе.

    Далее вы можете брать уже готовые макеты, либо на этих ресурсах, либо где-то еще и сделать себе еще 2-3 готовых проекта для портфолио. Чтобы кто-то их проверял - вы можете договориться по сходной цене с вашим наставником на интенсиве, я думаю он не откажется.

    В результате со своими знаниями и опытом надо устраиваться на работу. Желательно не фриланс. Ибо на фрилансе вас никто не контролирует, никто не поучает, не с кого взять пример. Развитие там минимальное.

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

    Удачи и успехов.
    Ответ написан
    Комментировать
  • В сторону какого ЯП для web смотреть с дальнейшей перспективой?

    @sergealmazov
    Выбор языка программирования - это вкусовщина по большей части. И тут могут начаться холивары.

    Но все чуть сложнее. Вы пишете "с дальнейшей перспективой". Зависит во-первых от того, что это за перспектива для вас. Для меня это может значить одно, для вас другое.

    Если вы ищете работу, чтобы стабильность была и все в таком духе, то, как вы понимаете, есть много факторов. Например, страна, где вы проживаете. Если рынок труда требует PHP-программистов (я сейчас к примеру), а вы знаете C#, то будут востребованы те, кто пишет на PHP, а не на C#. Это очень просто выяснить, зайдя на сайты с вакансиями. Посмотрите кто нужен.

    В нашей воображаемой стране рынок предлагает (условно) 10000 вакансий на PHP, и всего 40 на C#. Вот тут вопрос риторический, что вам изучать.

    В другой стране перспективы могут быть другими. Там, к примеру, нужен Ruby.

    Я сейчас очень грубо привожу примеры. Но все же.

    Далее. Допустим, вам финансовый вопрос не важен. Повезло с родителями, умом, вы выиграли в лотерею, изобрели лекарство от смерти или вы высокооплачиваемый актер или певец, ну и просто молодец. В общем, нет у вас такого вопроса. Программирование вам чисто хобби. Тут вы можете не ориентироваться на рынок труда и выбрать экзотические языки. Узнаете про Haskell, LISP, OCaml (хотя и он сейчас возрождается под соусом ReasonML), может начнете писать сайты на C++ в качестве бекенда (и такое бывает), или фронтенда (привет, WebAssembly). Тут тоже действительно не важно, что изучать. Главное, в кайф.

    Для себя я давно решил, что разрабатывать сайты (для себя, разумеется, свои проекты) буду на Clojure/ClojureScript, чем до сих пор и занимаюсь. Свое мнение не навязываю, в холиварах не участвую.
    Ответ написан
    Комментировать
  • В сторону какого ЯП для web смотреть с дальнейшей перспективой?

    jeerjmin
    @jeerjmin
    Почему никто не сказал про javascript?
    Node.js, React никто не отменял и вы думаете js community на этом остановится? Ха
    Ответ написан
    2 комментария
  • В сторону какого ЯП для web смотреть с дальнейшей перспективой?

    Wolfnsex
    @Wolfnsex Куратор тега Веб-разработка
    Если не хочешь быть первым - не вставай в очередь!
    Хотелось бы изучить язык, который так или иначе применим в веб-разработке, преимущественно бэк-энд (я не беру те утверждения, что и на C# можно все сделать).
    В смысле можно? Всё можно сделать, и иногда даже нужно, и иногда даже делают, в т.ч. для веба - на Си и/или на С++. А у C#'а есть целая армия поклонников, а так же ASP.NET и ещё ASP.NET Core (кастрирования версия C# способная (по крайней мере, теоретически) работать на ОС отличных от Windows), а так же ASP.NET MVC и так далее.

    У PHP привлекает наличие работы, низкий порог вхождения
    Порог вхождения куда? В сам язык? Хочу Вас разочаровать, это лишь порог базового вхождения. Во первых по тому, что на "чистом PHP" пишут либо в виду своей полной некомпетентности, либо в виду архи-нагруженных проектов, аки "ВКонтакте", "Фейсбук" и т.д. И сам язык в этом процессе - хорошо, если 10% будет занимать, от общей массы стека. Есть ещё фреймворки, протоколы, сети, сервера, различные хранилища, базы данных и очень много чего ещё. При этом они с языком конкретным никак не связаны.

    Много работы - не зависимо от языка, если Вы способны реализовать задачи в срок и в требуемом качестве, а потом ещё и поддерживать свои проекты - заказчику совершенно всё равно, на чём проект будет написан, хоть на ассемблере. И, много работы === выше конкуренция, по этому, в пересчёте на человеко-вакансию, работы не так много как Вам кажется. А ещё, разработчики уровня "я сделал гостевую книгу", не зависимо от языка на котором они сотворили сие чудо - получают не так много, как им хотелось бы.
    Ответ написан
  • В сторону какого ЯП для web смотреть с дальнейшей перспективой?

    Привет

    1) В странах СНГ и Европы самый популярный веб-язык: PHP. На Ruby и Python - работы значительно меньше, и она в столицах. Живешь не там - даже можно не учить.
    2) С Python в другие области, ты особо не уйдешь, ибо там либо биг-дата, либо девопс, либо тесты (но там еще и Java нужна), так что все области специализированные - https://habrahabr.ru/post/340894/
    3) Ruby - в США Ruby любят, у нас же его использовали во время хайпа 2008-2012 годов всякие туристические стартапы, сейчас же его особо не юзают (Вакансии чаще всего в компании, как раз из этих 2008-2012 годов).
    4) Я свои проекты пишу на Python (так как быстро и клево), а деньги получаю за Java (так как платят много и работы много).

    Ну а вообще, если у тебя более менее адекватный it-универ и it-специальность, то шел бы в .net/java, потом через стажировку устраивался в большую компанию и не парился особо. Если просто хочется в IT, то брал бы PHP - с работой будет попроще.
    Ответ написан
    Комментировать
  • Как применять знания javascript?

    yurakostin
    @yurakostin
    Front-end developer
    Довольно распространённая проблема.
    Вам нужен либо ментор, который будет помогать вам развиваться, либо просто используйте собственное воображение.

    Задач можно придумтаь, сколько угодно. И даже, если вы будете делать хотя бы тот же самый плагин попапов, то это НЕ ПЛОХО. Вы должны написать велосипед. Вы должны сделать работу, которую кто-то уже сделал 1000+ раз. Хорошо бы, чтобы после своей реализации вы посмотрели чужие.

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

    Или заставьте тот же элемент передвигаться по экрану с помощью клавиш-стрелок.

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

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

    Успехов.

    PS: На эту тему можно много рассказать, предложить, поэтому как всегда много букв, прошу прощения.
    Ответ написан
    Комментировать
  • Как применять знания javascript?

    @Berry90
    codewars.com самое то, сегодня как раз решал задачу надо было сортировать по числам в строках
    let str = "is2 Thi1s T5est 3a";
    делал на скоряк получился такой говнокод
    function order(words) {
    		let arr2 = new Array(4);
    		if (words == "") return "";
    		let arr = words.split(" ");
    		
    		for (let i = 0; i < arr.length; i++) {
    			for (let k = 0; k < arr[i].length; k++) {
    				if (!isNaN(arr[i][k])) {
    					arr2[arr[i][k]] = arr[i];
    				}
    			}
    		}
    		arr2.shift();
    		console.log(arr2.join(" "));
    	}
    	order(str);


    потом глянул на профи
    console.log( words.split(' ').sort((a, b) => a.match(/\d/) - b.match(/\d/)).join(' ') )


    у меня вышло 290 символов, профи тоже самое решил всего за 90
    вот так и тренируешься
    Ответ написан
    1 комментарий
  • Как применять знания javascript?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Опыт, сын ошибок трудных, приходит со временем.

    JS - это как токарный 4D-станок с цифровым управлением. Одно дело - научиться им пользоваться, другое дело, делать с его помощью что-то конкретное и полезное, нужное. Это две совершенно разные, но тесно связанные задачи.

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

    Все приходит со временем, по мере практики. Другого пути не существует.

    И да, алгоритмику никто не отменял, иначе на ровном месте будешь буксовать. Поэтому идем бодро на любой из выше рекомендованных ресурсов и решаем задачки сотнями, смотрим на решения других и плачем. :)
    Ответ написан
    Комментировать
  • Как применять знания javascript?

    EreminD
    @EreminD
    Кое-что умею
    Общая идея всегда в том, что нужно делать какой-то проект
    Я советую такой путь:
    1. Регистрируешься на www.freecodecamp.com/
    2. Проходишь простые задачи - изучаешь приемы JS (не основы, а приемы)
    3. Там же дальше делаешь проекты по заданию. Есть для фронтэнда. Например,
      сделать с нуля такую штуку
    4. Потом задачи для бэкэнда на JS. например, онлайн-голосовалку и еще куча проектов
    Ответ написан
    7 комментариев
  • Как показать иконку только на маленьких экранах?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    @media only screen and (min-width:1000px){
            #ikonka{
                display:none;
            }
        }
    Ответ написан
    Комментировать
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    @ZoomLS
    Встречаю много статей, что в 2017 верстка с помощью flex и float уже не актуальна?

    Про float - можно так сказать. А вот flex - он же как раз начал активно использоваться только год назад. CSS Grid и FlexBox - сейчас самое актуальное направление в вёрстке. Особенно если ненужно поддерживать всякое старьё(IE) или отсталые браузеры(Safari).
    Ответ написан
    Комментировать
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    @skeevy
    Frontend WebDev
    Использую flex во всех свои проектах.
    Просто как-то раз попробовал сверстать шапку сайта и тут понеслось.
    Значительно увеличилась производительность, очень помогает при адаптивной верстке.
    Например, шапка сайта с 2 или 3 элеметами
    На разрешении примерно ниже 768 уже в строку не помещается - достаточно поменять flex-direction на column - шапка будет в столбик, все довольны.
    То же самое и с выравниванием по осям.
    Намного удобнее менять элементы местами во флексе: достаточно написать order дочерним элементам - все поменялось.

    Возможно, так же легко манипулировать float, недолго я им пользовался и не знаю всей специфики, но флексбокс реально облегчает верстку многократно
    Ответ написан
    Комментировать
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    sergski
    @sergski
    web-developer
    Сейчас это справедливо для float, когда его используют для верстки лейаутов, очень распространенный прием. А вот flex нет, наоборот. В паре с родственным grid это ближайшее будущее веб. Так получилось, что в css небыло предназначенного инструмента для верстки блоками и чтобы как-то с этим жить разработчики напридумывали наборы приемов/хаков, как это все обойти.
    Читайте лучше Рейчел Андрю, Джен Симмонс, Smashingmagazine и тп.
    ps. да, это передний край и все такое, вопрос использования — холиварный, но забейте и как учите grid/flex и начинайте аккуратно использовать, уже опубликовано достаточно статей, как начинать делать реальные проекты с ними. Тем более вы «начинающий верстальщик» — так учите лучшее!
    Ответ написан
    Комментировать
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    @agaliullin
    CEO & Founder of Futureinapps, LLC
    Flex - это одно из лучших CSS изобретений. Ускоряет верстку, прост в использовании, решают практически любую потребность, особенно при адаптивной вёрстке.
    Ответ написан
    6 комментариев
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    Флекс атуален на все 100, он поддерживается даже IE11
    https://css-tricks.com/snippets/css/a-guide-to-flexbox/
    Грид это ближайшее будущее, его нужно пробовать
    https://css-tricks.com/snippets/css/complete-guide...
    Ответ написан
    Комментировать
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    Встречаю много

    Да, в интернетах много чего встречается.
    Если бы эти "статьи" не были полное давно, вы бы не задали здесь этот вопрос.
    Знаете, почему?
    Потому что в нормальных источниках было бы написано
    1. Не юзайте то, потому что ....
    2. Юзайте вместо того это.
    В хороших статьях ещё и будут описаны плюсы и минусы как того, так и этого.
    Ответ написан
    Комментировать
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    LOL, флекс не актуален?! :D
    Вы видно что то перепутали или не правильно поняли. Трудно представить профессионала говорящего о том что флексбокс не актуален. Да его только пару лет назад использовать стало можно.

    Флексбокс крутейшая штука, правда со своими нюансами. Особенно старые браузеры порой по своему внедрили флексбокс - если в Сафари всё топ, то не обязательно что в IE11 тоже всё работать будет.

    Но вот этот мной составленный, полный список всех prefixes думаю сильно облегчит использование:
    https://github.com/Tech-Nomad/flex.css/blob/master...
    Ответ написан
    Комментировать
  • Работать дальше с png или перейти на SVG?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Что лучше использовать SVG или PNG для Логотипа ?
    Лучше, подозреваю, что SVG. Так как SVG - это векторный формат и он хорошо выглядит на любом разрешении, в т.ч. на телефонах, у которых разрешение физическое может быть очень высоким, а фактическое - в несколько раз меньше.

    К тому же, SVG обычно меньше занимает и т.д.

    Но, не забывайте, что это два диаметрально противоположенных формата, и далеко не всё можно перевести в SVG-формат. Но то, что можно сделать - обычно делают именно в формате SVG.
    Ответ написан
    Комментировать