-10

Подскажите

Изучаю Html/Css

Пробую делать сайты по макетам, наткнулся на слайдер.

Все из рук вон плохо. Сначала пробовал только Html/css даже вставить чужой не выходит

С js тоже чужой вставить не выходит.

Где подсмотреть и вставить?

Дубликаты не найдены

Отредактировал EarthRussia 2 месяца назад
+3

Тебе для начала бы научиться теги ставить...

Что это за дичь?

Иллюстрация к комментарию
+3

В женской бане. И подсмотреть, и вставить.

раскрыть ветку 2
0
Ну по поводу "вставить" далеко не факт... Могут и пизды дать, за "подсмотреть". Хотя двояко звучит )))
раскрыть ветку 1
0

Гы-гы!

+2

Где подсмотреть и вставить?

на порнхабе.
а если серьезно - owl slider, вроде так называется

0

Чувак с такими вопросами на пикабу не ходят. Именно с этим вопросом тебе google / youtube, берешь статью или видеоурок и повторяешь. А если что то посложнее, для прогеров есть спец. ресурсы - stackoverflow (есть русская версия сайта) или хабр ответы.

0
Зачем чужой вставлять, свой пиши. Это же тривиальщина
раскрыть ветку 1
0

с места в js да

0
На канале brainscloud на youtube посмотрите) я по ним училась первое время
0

на локалке делаешь?

-2

Изучай математику и машинное обучение, а не эту хрень. Ты же не гуманитарий.

Похожие посты
126

Во все тяжкие: Веб-разработчик с нуля. 1 год

Во все тяжкие: Веб-разработчик с нуля. 1 год IT, Программирование, Карьера, Javascript, Веб-Разработка, Frontend, Web, Длиннопост

"Еще до встречи с Юнаковым он уже жил по правилу: не отступать и не теряться. Не вышло—повтори. Правило, чем-то напоминающее цирковой обычай: не удался прыжок, упал с лошади или с проволоки — повтори, не откладывая в долгий ящик, повтори, преодолевая боль и страх, повторяй до тех пор, пока не добьешься своего, иначе тебе никогда не избавиться от неуверенности в решающий момент. Александр Крон - "Капитан дальнего плавания".


ЦельSenior Frontend Developer.

Язык: JavaScript.

Возраст: 29 лет.

Работа (настоящее время): Trainee Frontend Developer в компании "Корус Консалтинг СНГ".

Локация: г. Санкт-Петербург.


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


Этот год был интересен для меня не столько программированием, сколько открытием для себя новой плоскости, знакомство с людьми, чье мышление и навыки довольно интересны сами по себе.


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


К чему это я веду? К тому, чтобы глядя на мой пример, вы ни в коем случае, не закрывались в четырех стенах с компьютером в обнимку. Со стороны может показаться, что моя история - это история человека, который решил "жить программированием", что он только и делает, что программирует и больше ему ничего не интересно. Нет, это не так.


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


Что касается программирования - то это обычная профессиональная плоскость, со своими особенностями и определенными требуемыми навыками. Она интересная, как и многие другие сферы, но она не особенная.


Сейчас у меня начался второй месяц стажировки и учебы в компании "Корус Консалтинг СНГ". Могу с уверенностью сказать, что за этот месяц я понял и освоил, с помощью преподавателя, больше, чем за несколько месяцев самостоятельной работы. Это к тому, что если есть возможность учиться у кого-то, кто уже прошел такой же путь - то обязательно делайте это. Еще я понял, что конкретные технологии абсолютно не имеют значения. React, Vue, Angular... это все не важно. Если вы понимаете главные принципы построения программы, принципы взаимодействия ее частей и тот язык на глубоком уровне, на базе которого происходит всё это построение, то вы очень быстро перейдете на любую абстракцию и будете спокойно ее использовать.


Меня недавно спросили -"Как закреплять элементарные основы по JS (if, for, простые функции) на практике? откуда брать задания? с задачами на learn-javascript я более менее справляюсь, но этого мало."

Хочу написать для всех. Задайте себе вопрос: К чему вы идете? Вы хотите научиться решать задачки с Codewars или вы хотите устроиться в компанию и решать коммерческие задачи, тем самым зарабатывая деньги? Если ответ второй, то тогда начните с тестовых заданий в компании (или компанию, если есть такая, в которую вы хотите попасть). И пляшите от тестового задания. Всё, что вам необходимо знать и уметь для решения этой и подобных задач, с полным понимаем, того что вы делаете, и будет тем, куда вам необходимо прикладывать усилия. Про собеседования, на которых вас заставляют решать задачи, абсолютно никак не связанные с будущими задачами на работе - я промолчу.


В связи с этим, я решил помочь таким же как и я и создал базу тестовых заданий для frontend разработчиков. На данный момент она пополняется исключительно теми заданиями, которые присылали мне. По мере возможности, я буду ее пополнять. Я думаю, еще порядка 15-20 заданий, я в ближайшие дни туда выложу. Так же, приветствую пулреквесты. На гитхабе есть подобный репозиторий, но там очень мало тестовых, и в основном задания от крупных компаний. Но ведь больше как раз маленьких компаний, и было бы хорошо +- понимать, какие тестовые могут быть в этой компании и вообще, какие навыки и знания будут требоваться при работе там, с учетом особенности сферы и т.д. С другой стороны это позволит работодателям не расслабляться и постоянно менять тестовые. Дабы действительно брать на работу только тех, кто решил задачу, а не тех, кто скопировал решение из чужого репозитория или канала на ютубе, а потом будет сидеть и тупить на работе.


Что же касается моего развития, то я публично выкладываю материалы, которые я закончил изучать. Можете смело глядеть и подбирать для себя то, что хотите. У меня вкус хороший, надеюсь.


На этом я хочу сегодня закончить. Развиваемся дальше. Впереди у меня еще месяц стажировки, TypeScript и React. Но об этом в следующем отчете.


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



Артем OWIII.

Контакты: Instagram, Github.

Показать полностью
146

Во все тяжкие: Веб-разработчик с нуля. 11 месяцев

Во все тяжкие: Веб-разработчик с нуля. 11 месяцев IT, Программирование, Карьера, Javascript, Веб-Разработка, Frontend, Web, Длиннопост

А вот теперь меня уволили.. Месяц был насыщенным.. И не веселым.


Цель — Senior Frontend Developer.

Язык: JavaScript.

Возраст: 28 лет;

Работа (настоящее время): - Trainee Frontend Developer в компании "Корус Консалтинг СНГ";

Локация: г. Санкт-Петербург.


Привет всем моим подписчикам! Как вы там? У кого какие успехи?


Меня вот за этот месяц уже успели уволить разок, а сейчас я уже "работаю" в крупной компании. Ну давайте обо всем по порядку.


Я сделал десятки откликов на всем известной площадке для трудоустройства и конечно, было довольно много откликов с разного уровня тестовыми заданиями. Ходил на несколько собеседований, но что-то дело с мертвой точки не сдвигалось. Либо я не тянул и не мог тестовое сделать, либо после, вроде как успешного собеседования - тишина, не ответа ни привета.


Решил сменить тактику и опубликовал в своем твиттере клич о поиске работы. И тут на меня вышел работодатель, предложил вакансию верстальщика-разработчика.

Компания американская, стартап из Силиконовой Долины. Проект - свой браузер (расширение, надстройка над браузером на базе Chromium). Я подумал - крутой проект, плюс работа удаленная, зарплата в долларах, я не один фронт на проекте - предел мечтаний просто. Созвонились по скайпу с ведущим фронтом, я ответил на все вопросы, рассказал о своем небольшом опыте, вроде все обсудили и обо всем договорились.


Часа через два я  уже общался по видеосвязи с руководителем и инвестором стартапа, который сидел в солнечной Калифорнии и рассказывал о работе в их команде.


Еще через час я уже сидел и читал договор на английском и искал в нем пункт о продаже почки. Но нашел только свою зарплату в долларах. Если перевести в рубли, то примерно зарплата миддла в РФ. В общем, все подписал, мне выдали все доступы ко всяким jiraм и корпоративным почтам. Я не мог нарадоваться! Завтра в бой, с утра на митап или как там это называется. Знакомство с командой! Уже представил в мыслях как через пару месяцев смогу загорать на Бали и работать под пальмой. Но рано радовался..


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


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


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


Но спустя пару часов руководитель и инвестор всего проекта предложил созвониться. Я почувствовал что-то неладное. По его тону я понял, что это всё. Говорил, что-то вроде: "Руководитель фронтэнда говорит, что переоценил свои возможности по обучению и уделению времени джуну" . В общем, они не готовы были вкладывать время в мое обучение. Он предложил прекратить сотрудничество и компенсировать мой рабочий день, но чего уж там.. Мне было не до этого. Я расстроился. Это был удар. Неожиданно просто все произошло, вот я и приуныл.


Изначально то мне сказали, что мы начнем с простых задач и потихоньку будем усложнять и делать задачи сложнее. А по итогу даже не дали времени на освоение их стека. Один день - это мало, я считаю. Но у них скоро должен был быть релиз, видимо из-за этого меня быстро отправили восвояси. Хозяин барин. Что сказать.


Вот так прошел мой первый и последний день работы в американском стартапе из Силиконовой Долины.


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


Далее я встряхнулся, сделал выводы и написал в ту компанию, в которую должен был идти на второй(очный) этап тестирования и объяснил ситуацию. И мне пошли навстречу, предложили сделать тестовое удаленно! Но оно было на время, ровно на 4 часа, с контролем времени. И вот на следующий день я выполнил эти два задания. Честно говоря, давно так не стрессовал. Еле уложился в 4 часа. Всё, сдал. Отправил.


Через пару часов получил фидбек, что сделал все замечательно и меня принимают в их проект. Что за проект вы спросите? Дебютный проект компании "Корус Консалтиинг СНГ". Крупная компания, дочка Сбербанка. Суть проекта - это два месяца оплачиваемой учебы (по срочному договору), вы учитесь и вам платят среднюю зп джуна по рынку! Не круто ли? После - трудоустройство в один из их проектов. А там ДМС, белая зп, английский и всякое такое.


Сегодня закончился третий день учебы. И знаете что? Это то, что мне было необходимо. Преподаватель, код ревью, лекции - очень интенсивная учеба и не простые практические задания. Нас в проекте 6 человек, возраст ребят и одной девушки от 22 до 30 лет. Мы общаемся, обмениваемся опытом, в общем - круто. И еще плюс: сегодня нас перевели на удаленку, в связи с чем - сами понимаете :) Стало еще удобнее.


Такие дела. Не останавливаемся и движемся к цели!


Ну и по традиции. Что я сделал и изучил за последний месяц:


1. Дочитал книгу "Грокаем Алгоритмы". Кто подписан на мою инсту уже давно в курсе;

2. Разобрал примерно половину книги Мартина Фаулера "Рефакторинг кода на JavaScript";

3. Разобрал процентов на 20% книгу Эрика Хэнчетта "Vue.js в действии".

4. Написал пару приложений( пару недописал) и мини проектов. Искать в гитхабе.

5. Я оформил свое резюме прямо в гитхабе. Как вам?

6. Посмотрел конференцию от Яндекса «Я ❤ Фронтенд 2020»; рекомендую!

7. Посмотрел конференцию от Яндекса «Я ❤ Фронтенд 2019»; рекомендую!

8. Сходил на конференцию Piter JS #45;

9. Познакомился с библиотекой Lodash;

10. Познакомился и попрактиковался с шаблонизатором Pug;

11. Познакомился и сделал пару проектов по WebGL(Tree.js);

12. Посмотрел где-то 1/4 курса ШРИ 2018 года от компании Яндекс.


Ну, что ребята? 11 месяцев позади и кажется, что у меня вот только-только что-то начинает получаться осознанное. Так, что кто думает, что можно стать более менее понимающим веб-разработчиком за 3-4 месяца - чушь. Вспоминаю свои первые собесы - стыд и срам.


Год интенсивного и каждодневного изучения и практики дадут плоды, но небольшие. Большие - дальше.


Успеха Вам! Подписчикам здоровья и удаленной работы в этой больной мировой обстановке! До встречи через месяц!


Артем, OWIII.

Показать полностью
267

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями

В 2014 году стал я (не)счастливым обладателем телевизора Sony Bravia kdl-24w605a. Поселился сей агрегат на кухне и стал мне постоянно трепать нервы своим кривым блоком Smart TV. Под конец стал использоваться в основном для просмотра YouTube и фильмов через приложение медиасервера PLEX (сам сервер plex установлен на моем домашнем компе). Жили не тужили. В 2018 году мне достался прекрасный мини комп Asus EeeBox PC EB1501, который был подключен как ТВ приставка и поселился под телевизором.

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

Комп жил и продолжает жить на кухне под телевизором. Но вот незадача... Место он на столе занимает, вместе с ним его занимают клава и мышь. Да и сидя за столом и залипая на сериальчики, хочется управлять просмотром с пульта. В комплекте с компом идёт пуль, но он работает только в определенных приложениях... Да и не хочется держать на кухне два пульта, имея на стене телек со Smart TV.
Летом компания Sony подкинула очередную свинью. Было разорвано соглашение с поставщиком приложений сервисом VEWD TV Store. Разом с телевизора пропали все приложения, кроме нескольких, используемых без данного сервиса. С негодованием обладателей телевизоров на данной прошивке можно ознакомиться на тематических форумах и пабликах.
Продолжая смотреть с телека Ютуб (который остался) я стал думать, что делать. Покупать приставку? А зачем я покупал телек со SmartTV?! Использовать комп - не удобно...
Решение в итоге нашлось! На это решение меня натолкнуло приложение Fork Player, а точнее то, как народ им пользуется без магазина приложений. Если в кратце, то просто прописывается определенный DNS сервер в настройках телевизора, после чего, телевизор при запуске приложения IVI перенаправляется на сервер Fork Player. Отсюда мне стало понятно две вещи:
1) Приложения для данной линейки телевизоров это просто HTML5 сайты
2) Можно отловить запрос на какое нибудь из этих сайтов и перенаправить на локальный сервер.
Сам по себе Fork Player мне не очень нравится, да и PLEXa не хватает. Да и хочется иметь более одного дополнительного приложения. Значит надо ваять своё приложение, которое будет выполнять роль меню. Ну что же... займемся делом...

Сначала нужно разобраться с перенаправлением приложения. В качестве жертвенного приложения я выбрал MEGOGO. Перенаправлять же будем при помощи настроек DNS сервера на домашнем роутере. У меня это Mikrotik rb951, на его примере и буду показывае. Но можно использовать любой другой роутер, который позволяет прописать статические DNS записи. А можно и поднять DNS сервер на домашнем компе и прописать его в настройках ТВ.

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

Подключаемся через WInBox и проходим по пути IP -> DNS. В открывшемся окне жмём кнопку Static. Откроется список записей. Жмем плюсик для создания новой записи и прописываем как на скриншоте ниже. Естественно, ip адрес пишем для того компа, на котором будет располагаться приложение.

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост
Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост
Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

Данным действием мы перенаправили все запросы на сервера megogo на комп в локальной сети. В моём случае это всё тот же многострадальный Asus EeeBox.
Следующим шагом нам нужно развернуть вебсервер на компе. Я не стал заморачиваться и поднял самый обычный апач. Проверяем... И да - при попытке запустить приложение Megogo, нас перенаправляет на стартовую страницу Апача.
Отлично. Теперь нужно писать само приложение, по сути - веб траницу. Но как же быть с пультом? Обычные веб сайты не рассчитаны под навигацию при помощи стрелок. Порывшись в кладезе всех мировых знаний, именуемом Гугл, обнаружил Java Script библиотеку для разработки кроссплатформенных приложений для SmartTV. Называется сиё чудо Smartbox.
О том, что оно умеет и для чего нужно, можно почитать в статейке на Хабре: https://habr.com/ru/post/211236/
А скачать можно с гитхаба: https://github.com/immosmart/smartbox
Процесс работы с HTML, JS, и CSS приводить в подробностях не буду. Просто взял, идущее в комплекте демо приложение и подкрутил его по своему вкусу и требованиям.
Отмечу только важный момент. При работе на ТВ стандартные теги ссылок "<a href="..."> не срабатывают. Нужно вешать событие onclick. Например так: onclick="return location.href = 'http://plex.tv/web/tv/opera'
И кстати о ссылках. В коде достаточно задать просто ссылку на нужное приложение, чтобы запустить его. Вот те, которые использовал я:
1) PLEX - http://plex.tv/web/tv/opera
2) Fork Player - http://obovse.ru/ForkPlayer2.5/index.html
3) OTT player - http://widget.ottplayer.es/test/index.html

В итоге, покопался часок с версткой и скриптами и получил готовое приложение. На волне хайпа, связанного с тизером ремейка моей любимой игры Готика (да да да, товарищи Готоманы, вы правильно поняли, откуда мой никнейм), я решил стилизовать его именно под Готику 1.
Получилось вполне симпатично, как по мне!

Реанимируем SmartTV на телевизоре SONY Bravia под OperaTV своими клешнями Sony, Smarttv, Mikrotik, Своими руками, Gothic, Web, HTML, Видео, Длиннопост

Замечу, что не обязательно так заморачиваться с приложением. В принципе, достаточно сделать пустую страничку с редиректом на нужное приложение, но тогда, оно будет только одно, а в виде приложения можно сделать сколько угодно.
Ну что? Проверим на телевизоре?

Работает!

Что могу заметить... Надо допиливать, так как, сделано на коленке на скорую руку и есть простор для творчества. А так - вполне работоспособно и функционально.

Если кому нужно, прилагаю архивчик со своим приложением. Спецов веб разработки прошу не плакать кровавыми слезами. Писалось исключительно теста ради и на скорую руку.

Всем добра и нормальных телевизоров!

Показать полностью 5 1
196

Во все тяжкие: Веб-разработчик с нуля. 6 месяцев

Во все тяжкие: Веб-разработчик с нуля. 6 месяцев IT, Программирование, Карьера, Javascript, Веб-Разработка, Frontend, Web, Длиннопост

Нет. Не весело. И не легко. Но важен подход, от которого будет зависеть степень сложности.


Цель — Senior Frontend Developer.

Язык: JavaScript.

Возраст: 28 лет;

Работа (настоящее время): Junior Frontend Developer (контракт на 3 месяца).


Я не витал в облаках, когда решил стать веб-разработчиком. Я понимал, что там, где большие деньги - большая ответственность. Какой дурак будет платить хорошие деньги за простую и легкую работу? Но понимать - это одно, а вот испытать всё это на своей шкуре - это другое.


Я продолжаю работать над старым проектом и еще как минимум месяц буду им заниматься. Много ли я сделал за последний месяц? Нет, не много. Много ли я понял - думаю да. Есть чем поделиться.


Программирование - сложная сфера, даже не побоюсь сказать, что очень сложная. Но к любому делу нужен правильный подход. Так уж вышло, что я стал именно тем человеком, которого слишком рано подвели к большому и сложному проекту(на мой необъективный взгляд). Это выглядит вот как: 3 месяца я учился работать технически сложноустроенной  лопатой с кучей характеристик и кнопок. Еще не успел до конца не разобраться как следует с этой штукой, как меня подвели к землеройному комплексу из разных крутых и современных технических средств, и сказали - ты тут рулишь всей этой темой. И твоя задача разобраться как оно всё работает, как все устройства взаимосвязаны друг с другом и рыть туннель через вон ту скалу. Дерзай.

И это не весело. Абсолютно.


За последний месяц меня много раз настигало разочарование в себе. Куча мыслей, которые накручивались одна за другой после очередного поражения. А может быть я вообще не создан для этого дела? Наверное я не смогу с этим справиться, наверное это не мое. Вон ребята на ютубе так просто всё делают, у них всё получается, я делаю также - у меня нихера не получается. ОМГ?


Но потом успокаиваешься и просто начинаешь трезво мыслить и понимать, что не получается потому, что много пробелов, очень много пробелов в знаниях и умениях. Те ребята прошли долгий путь с самого нуля, постепенно осваивая технологию за технологией, усложняя и усложняя проекты. А тут ты, хочешь сразу всё понять не имея соответствующего бэкграунда? Камон. Так не бывает.

После этого я возвращаюсь к основам и начинаю изучать основы "Азбуки".


К чему сей спич? К тому, что если тебе кажется, что у тебя ничего не получится - просто измени подход. Разрежь арбуз. Так ты и наешься и почувствуешь вкус.


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


Наверное, я не открыл истину, эти вещи простые и понятные всем, но иногда они забываются.


Что касается моей продуктивности, то как следствие вышестоящего текста, она была маленькая по самому проекту, но неплохая с точки зрения осваивания основ программирования:


1. Познакомился с регулярными выражениями. Сначала начал читать крутую книгу Джеффри Фридл "Регулярные выражения", а потом нашел раздел вот здесь. Этого мне хватило за глаза.

2. На 70% прошел курс Дмитрия Лаврика по Vue JS. Очень крутой, рекомендую.

3. Разобрался на базовом уровне с Vuex. Пользуюсь кстати Vue CLI. Кто писал мне про него - да, спасибо, это спасение :)

4. Углубил основы JS по всем известному учебнику.

5. Прошел несколько уроков по старому курсу JS. Всё никак не могу его закончить.

6. Прошел курс по алгоритмам и структурам данных. Правда объясняется на языке Паскаль. Но тем не менее, интересно.

7. Английский. Продолжаю проходить курс Elementary. Английский подтянул очень хорошо. Если раньше у меня был уровень Elementary, то теперь у меня уже твердый Elementary.

8. Начал писать тексты на английском языке. Раз в 2-3 дня сажусь за текстовый документ, открываю рандомайзер слов на английском. Попадается слово(как правило несколько слов) - вокруг них начинаю строить предложения на английском, объяснять их на английском, импровизировать. Задача написать связный текст на 1 страницу вордовского документа, 13 кегль.

По методу Пимпслера прошел 30 уроков и завязал с ним. Скучный он для меня.


По рабочему проекту:

1. Сверстал и внедрил фоторедактор на Vue, за основу взял вот этот готовый компонент. Не все функции еще работают, так как нужен бэк, которого нет, но фронт частично готов.

2. Научился немного работать с VK Api. Пока слабовато, но кое что удалось написать.

3. С Api Instagram так и не разобрался, темный лес для меня.


Такие у меня дела. Как у вас? Есть успехи у того, кто тоже недавно начал похожий путь? Поделитесь - будет очень интересно почитать!


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

Если есть вакансии в ваших компаниях(обращаюсь к программистам, тим лидам и проджектам) - буду благодарен за наводку.

Начну ходить на собеседования уже через неделю.


Всем успехов, не унывайте и держите хвост трубой!

А я пойду дальше копаться в своем проекте :)

Показать полностью
312

Во все тяжкие: Веб-разработчик с нуля. 5 месяцев

Во все тяжкие: Веб-разработчик с нуля. 5 месяцев IT, Программирование, Карьера, Javascript, Веб-Разработка, Frontend, Web, Длиннопост

Привет!! Давно не виделись, мой друг!

Целый месяц я блуждал по священному гуглу в поисках frontend-грааля, но так его и не нашел.

Я не увидел вечной жизни дэв-сервера, и не были прощены мои грехи после перехода с windows на linux.

Ну, да ладно, обо всем по порядку..


Цель — Senior Frontend Developer.

Язык: JavaScript.

Возраст: 28 лет;

Работа (настоящее время): Junior Frontend Developer (контракт на 3 месяца).


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


Вспоминаю свой режим 4 месяца назад и диву даюсь, как у меня это получалось. Ложиться в 00:00 - 01:00 и вставать в 06:00? Пфф.. да ты гонишь. Сейчас еле поднимаюсь в 08:00 - 10:00. Ложусь при этом нормально, бывает и в 22:00 уже только пятки из-под одеяла торчат.


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


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


В целом, несмотря на расслабленность, месяц был продуктивный. Еще бы - столько времени, это не 2 или 3 часа в день. Сейчас у меня заканчивается подготовительный режим, я бы его назвал так. В нем я латаю дыры в знаниях, чтобы работать над проектом. Частично, конечно была проведена работа, сайт мною сверстан полностью, страницы разбиты на модули посредством шаблонизатора Blade, страницы локализованы(проект на Laravel). Прикручены скрипты на ванильке на верстку. Но недавно было принято решение все модули перенести на Vue, поэтому активно занимаюсь Vue. Много сделал тренировочных проектов по курсам, парочку из которых сможете найти на моем GitHub. Работа по проекту же у нас ведется через BitBucket. Впереди много работы, много приложений, которые мне предстоит написать для проекта в ближайшие два месяца.


Касательно обучения, хотел бы отметить некоторые вещи, которые я прошел, возможно кому-то будет нужно:


1. Прочитал и протестил книгу Леа Веру - Секреты СSS. Много хаков по верстке. Рекомендую.

2. Прошел курс по командной строке. Да, после недельных мучений с VirtualBox, я полностью перешел с Windows на Ubuntu. И нарадоваться не могу, хоть еще не ко всему привык. Готовлюсь к MacOS.

3. Прошел курс "Операционные системы".

4. Прошел курс ко компьютерным сетям.

5. Прошел курс по PHP для самых чайников. Чтобы немного разбираться и читать код на PHP.

6. Прошел курс по протоколу прикладного уровня -  HTTP.

7. Прошел воркшоп по Webpack. С настройкой до сих пор трудности, УЪУ СЪУКА! кот.jpeg

8. Разобрался с шаблонизатором Blade. Который уже не особо нужен в проекте.. Хехе, фронтенд.

9. Прочитал вторую книгу YDNJS. Третью не осилил, отложил. Сложно, пока нет среднего уровня. Но эта серия книг как по мне, лучшая для понимания работы JS на довольно хорошем уровне.


Все ссылки для бесплатного изучения, я ни копейки не заплатил, поэтому те, кто про рекламу - мимо.

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


Сейчас прохожу курс по Vue.js, часто приходится возвращаться в ванильный для устранения пробелов. Поэтому не торопитесь во фрэймворки, если не хотите заниматься бездумным клепанием формочек на Vue посредством копипаста со stackoverflow. Но мне по работе полагается, поэтому вынужден немного ускоряться и прыгать выше головы.


Что касается английского:

1. Нашел курс, где нашел сами понимаете. Очень нравится. Материал структурированный и мощный :) Видео записаны из занятий в скайпе. Но мой уровень еще - Elementary.

2. Также прохожу вот этот курс, метод Пимпслера. Довольно забавный, но мне нравится, 30 минут в день для складирования в память бытовых фраз полезно.


Ограничения все снял.

Когда нужен будет рывок, перед трудоустройством в ноябре - введу.

За месяц выпил всего баночку пива, но скурил много кальяна. Полет нормальный.


Вот как-то так. С каждым днем мне кажется, что мои знания  и умения не увеличиваются, а уменьшаются. Так как всё больше и отчетливее вырисовывается подводная часть айсберга фронтенда. Самое сложое для меня на данном этапе не программирование, а настройка и разбор всей шаурмы, которая требуется, чтобы начать программировать (настройка сервера, окружения, сборщика проектов, шаблонов и т.д.). Иногда хочется орать на весь дом, почему же это с*ка не работает так, как должна работать. Но это, я думаю, нормально там, где требуется мозг для работы, а не просто руки. Быстро привыкаешь, разбираешься и становишься спокойнее.


Через месяц будет круглая дата - пол года, может чего приготовлю интересного для вас!)


А пока что желаю всем успешного месяца. Ставьте сами себе задачи, не ждите пока их поставит жизнь, и конечно же решайте их! Тебе, мой любимый хейтер, я тоже желаю успеха!

До скорого!

Показать полностью
880

Интернет, который мы заслужили

Сижу давеча, листаю новостную ленту Яндекса. Взгляд привлекла одна интересная статья. Перехожу на сайт статьи и.. словно попадаю в начало 2000-х, когда "сёрфил" интернет на своем 56 Кбитном ZyXel'е.. иконка загрузки крутилась, пожалуй, с полминуты, а баннер рекламы в правой колонке плавно заполнял пустое пространство.

– Интернет так тупит? – подумал я. Но вроде все ок, другие сайты грузятся адекватно.

Проблема быстро была найдена, когда я зашел по f12 в логи загрузки ресурсов.

– circus.jpg  14308 Кб – пожаловался мне браузер.

Интернет, который мы заслужили Web, Сайт, Web-Программирование, HTML, И так сойдет, Рукожоп, Интернет

14 метров (Карл!) на баннер сбоку, чьи размеры составляют 278 x 417 пикселей. Если пережать баннер с конечными размерами в 90% JPEG, то выйдет всего 151 Кб – без малого в 95 раз меньше!

Десяток лет назад, когда мы занимались разработкой сайтов, во времена, когда  у подавляющего числа пользователей не было скоростного интернета, мы бились за каждый килобайт. Олдскул разработчики не дадут соврать. И тогда имело значение, чем быстрее загрузится сайт, тем больше вероятность, что пользователь останется на нем, а не закроет вкладку.. а больше траффик пользователей – больше потенциальная прибыль при той же конверсии.

Думаю подобные принципы остались и сейчас, но все чаще разработчики кладут на это болт:

– Зачем делать превьюшку? И так сойдет, вставим 14 метровый оригинал!


У сайта кстати есть мобильная версия. И знаете чем она отличается от обычной десктопной?

А ничем она не отличается от слова совсем, просто появляется бесконечный скролл с автоматической подгрузкой статей. Лол.

127

Как сделать интерактивную карту на сайт, без сторонних библиотек. SVG + HTML + CSS + jQuery

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


На Ютубе зашло, судя по комментам и лайкам (ничего не накручено). Может и тут кому полезно будет.

84

Есть ли жизнь после 40?

Привет уважаемое сообщество.
Сам никогда не писал, но тут возник вопрос, неоднократно видел, как сила Пикабу выручает. Может и мне поможете советом.
О себе.По разным причинам сейчас ищу новую работу.
Прошел курсы IT (html, css, javascript, node js. ) сейчас изучаю react js.
Не смотря на то, что живу в большом городе, не могу найти работу джуна (((
Во-первых всем нужен опыт, а получить его негде(
Кроме того не очень нравится мой возраст - 39лет
Пробовал найти заказы на фрилансе, но пробиться сквозь индусов без опять же опыта не могу. На поводке вообще отказали в регистрации, ответили, что таких специалистов переизбыток. ???
В общем не жаловаться хочу, может кто посоветует, как найти работу, может как найти заказ на фрилансе.
В общем буду признателен за любую помощь.
Просьба не топить, пока хоть кто-то не ответит.

608

Как меня неудачно хотели кинуть

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

Так вот однажды мне звонит "заказчик" очередного сайта для строительного магазина. Необходимо сделать сайт с каталогом продукции. Назначил ему встречу вечером в кафе. На эту встречу он приехал не один, а с "толковым" человеком, который в теме и который точно знает что и как надо чтобы сайт работал. Ну в общем посидели, обсудили, накидали карандашом наброски, структуру, тему контента и на этом разошлись. Оплату решили произвести "по факту" и мимо кассы, так и им интереснее и нам больше достанется, с них пока только доступ к хостингу, который у них на тот момент уже имелся.

Проходит пара недель, я благополучно делаю дизайн сайта и наполняю контентом. В назначенный день звонит "заказчик" и просит показать как продвигаются дела. Я соглашаюсь и заливаю страничку на хостинг. Через 2 часа опять звонок с просьбой встретиться обговорить детали...

Очередная встреча в том же кафе. Сидим за столом, я на ноутбуке показываю им их сайт, рассказываю как он будет админиться, как обновляться и тонко намекаю на дальнейшее его обслуживание с нашей стороны за небольшую мзду. Но чую я пятой точкой, что им обслуживание не интересно, ребята в теме и сами понимают как всё это работает. Очень уж много технически грамотных вопросов идёт с их стороны. А еще надо добавить, что заказчик был явно не славянской внешности и больше был похож на армянина или абхаза. В общем по совокупности всех факторов складывается четкое ощущение какого то готовящегося подвоха, и как оказалось чутьё меня не подвело. Продолжать с ними разговор с ними у меня лично желание пропало и я перевел тему в сторону оплаты. Объяснил, что сайт готов и пора бы оплатить заказ, а всё что надо будет потом доделать доделаем в процессе эксплуатации. И как только речь зашла о деньгах, с лиц ребят слезла улыбка, они начали переглядываться и что то шепотом обсуждать. Стоит сказать, что при первой встрече цена за сайт их устраивала более чем полностью, по этому я не сразу понял, почему они начали сильно торговаться и придираться к сайту. В итоге порешили на том, что они подумают о конечной стоимости данной работы и дадут ответ позже.

И так, кульминация всей этой темы произошла на следующее утро, когда позвонил разъяренный заказчик и гневно спрашивал где ЕГО сайт!!! Ух сколько тогда я узнал про себя много нового, что я аферист, мошенник и вообще нехороший человек. А сайт его был всё так же на том же месте где и был раньше, т.е. в моем ноутбуке, с которым я был на встрече. Просто у меня на нем был установлен web-сервер и настроен он был таким образом, что когда я в браузере набирал адрес их сайта, то видели они мой север, а на их сайте лежала первая страничка сайта в виде простого html файла. Т.е. когда они увидели результат двухнедельной работы на своем сайте, реально они видели только эту статичную страничку, а когда смотрели на моем ноуте, то видели полнофункциональный сайт. В общем они после нашей встречи прикинули, что сайт рабочий, хороший и уже залит к ним на хостинг, решили просто кинуть нас и меня в частности. Утром ни один пароль от сайта не работал. Панель управления, FTP, MySQL - на всё были изменены пароли. А после того как они залезли на хостинг они увидели там одиноко лежащий файл index.html и несколько изображений.


P.S. через несколько недель у них таки появился свой сайт, только попроще и гораздо дороже.

140

Вдохновение для Web-дизайна

Решил поделиться сервисами, в которых я ищу вдохновение перед тем, как начать рисовать дизайн сайта. Многие из них очевидны, другие возможно нет. Хотелось бы, что бы и вы поделились своими источниками вдохновения.


Сразу перечислю сайты, где любой дизайнер может поделиться своими работами. Я не буду описывать их т.к. зайдя на сайт и так будет все понятно.


1. https://www.behance.net/

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

2. https://dribbble.com/

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

3. http://pinterest.com/

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

4. http://dishots.com

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

Дальше идут сайты конкурса профессиональных веб-дизайнеров и разработчиков.


5. http://www.csswinner.com/

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

6. http://www.awwwards.com/

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

И еще пару сайтов, где где продаются шаблоны сайтов или UI.


7. https://themeforest.net/

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

8. https://ui8.net/

Вдохновение для Web-дизайна Web, Web-Дизайнер, Веб-Дизайн, Создание сайта, Вдохновение, Сайт, Длиннопост

Опять таки, я лишь перевел сайты, на которые наиболее часто захожу для поиска вдохновения или подбрить чужие идеи ^^


Хотелось бы получить и ваши сайты для поиска вдохновения.

Показать полностью 5
539

22 мини лекции об HTML

HTML. Урок 1. Введение

HTML. Урок 2. Подготавливаем рабочую среду

HTML. Урок 3. Базовый макет веб-страницы

HTML. Урок 4. Понятие тег и структура документа

HTML. Урок 5. Область head

HTML. Урок 6. Секция body и немного работы с текстом

HTML. Урок 7. Работа с цветом

HTML. Урок 8. Работа с изображениями

HTML. Урок 9. Ссылки и списки

HTML. Урок 10. Таблицы

HTML. Урок 11. Видео и аудио

HTML. Урок 12. Формы

HTML. Урок 13. Теги внешних объектов

HTML. Урок 14. Inline and block elements

HTML. Урок 15. Семантика веб-сайта

HTML. Урок 16. Static and dynamic websites

HTML. Урок 17. Виды html-верстки

HTML. Урок 18. Специальные теги

HTML. Урок 19. Специальные атрибуты

HTML. Урок 20. Менеджер пакетов npm

HTML. Урок 21. HTML5 ★ BOILERPLATE

HTML. Урок 22. Initializr - генератор шаблонов

Показать полностью 19
46

Web-технологии. Начало

С чего начать обучение верстке? На мой взгляд, в верстке главное – практика. Поэтому обучение стоит начинать с выбора макета. В сети достаточно psd макетов, которые можно использовать в не коммерческих целях. Поэтому первый шаг – выбор макета. Для первого опыта подойдет любой одностраничный сайт.


В этой серии постов я постараюсь на примере свободно распространяемого макета показать верстки проекта. Не будет постов с перечислением всех html тегов и css стилей, это не результативно. Важно не заучить каждый элемент, а понять особенности и подходы к реализации.


По мере появления времени, я выберу шаблон и поэтапно покажу работу над ним. Все желающие могут присоединиться, выбрать себе psd макеты и в процессе работы над ними мы обсудим те или иные подходы к верстке. Подробные уроки по HTML и CSS составлять не буду, этого в сети много. Например, уроки на webref:


https://webref.ru/layout/learn-html-css


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


Список полезных ссылок:


Справочник по html/css: https://webref.ru/ref


Информация о поддержке тегов и стилей браузерами: http://caniuse.com/


Онлайн песочница: http://codepen.io/


Хорошая статья по флексбоксам: http://css-live.ru/articles/vizualnoe-rukovodstvo-po-svojstv...


Это то, что касается новичков. Для опытных разработчиков постараюсь периодически делать выборку полезных статей и материалов.


Оставляйте предложения и замечания в комментариях.

Похожие посты закончились. Возможно, вас заинтересуют другие посты по тегам: