Часть 2.2. Веб Разработчик кратчайший путь. Вариант1.
В данной публикации приведён перевод с Английского финальной части статьи программиста.
Название статьи
"My journey to becoming a web developer from scratch without a CS degree (and what I learned from it)".
Где CS = Computer Science.
"Моё путешествие, чтобы стать Веб разработчиком с нуля без образования в Информатике (и что я усвоил из этого)".
Оригинал статьи расположен здесь
Финал статьи. Часть. 2 Бонусы.
Bonus: Resources
Бонус: Ресурсы
Completely optional, but some of my favorite articles and resources which I’ve found over the years which you will probably love if you are interested in their respective topic.
/* Совершенно необязательно (опционально), но некоторые из моих любимых статей и ресурсов, которые я нашёл с годами, которые вы вероятно полюбите, если Вы заинтересованы в теме, соответствующей им.*/
- Web Design in 4 minutes. A very creative and original interactive tutorial that teaches you the fundamentals of web design. // Веб Дизайн за 4 минуты. Очень креативный и оригинальный интерактивный учебник, который учит Вас основам веб дизайна.
- Awwards. Looking for web design inspiration? Look no further. // Awwards. Ищите вдохновение для веба дизайна? Посмотрите, но не более.
- Why Hiring is so hard in tech by Eric Elliott. Here Eric is does an amazing job at summarizing how it’s surprisingly hard to find great developers, and how to become one. // Почему Найм так тяжёл в технике от Eric Elliott. Здесь Eric делает изумительную работу подытоживая, как это удивительно сложно найти великолепных разработчиков , и как стать одним (из них).
- NoSQL database systems mega comparison by Kristof Kovacs. This is a superb comparison between the most popular NoSQL database systems out there. MongoDB, Redis, CouchDB, Cassandra, ElasticSearch, they and more are all here. // NoSQL систем баз данных мега сравнение от Kristof Kovacs. Это превосходной сравнение между самыми популярными NoSQL системами баз данных. MongoDB, Redis, CouchDB, Cassandra, ElasticSearch, эти и другие, все есть здесь.
- XSS Game. Cross-site scripting (XSS) bugs are one of the most common and dangerous types of vulnerabilities in Web applications. Using this awesome resource you can learn how to find and exploit XSS bugs, and how to prevent them from happening to your web application. // XSS Game. Межсайтового скриптинга ошибки (баги) это одна из наиболее распространённых и опасных типов уязвимости в Веб приложениях. Используя этот классный ресурс, Вы можете выучить как найти и использовать XSS баги, и как предотвратить их появление в Вашем веб приложении.
- How To Write Unmaintainable Code. Hilarious article on how not to write maintainable, clean code. // Как написать неподдерживаемый код. Весёлая статья о том, как не писать поддерживаемый, чистый код.
Bonus: My tools
Бонус: Мои инструменты
I thought it’d also be nice to share some of the tools I discovered (some well-known, some not so much) that have made my life easier as web developer so here they are.
/* Я думал, это было-бы также хорошо поделиться некоторыми инструментами, (которые) я открыл (некоторые хорошо известные, некоторые не очень), которые сделали мою жизнь веб разработчика легче, так вот же они. */
- Jetbrains Webstorm: Full featured Web Development IDE. (My editor of choice) Paid, but offers a 1 year free license for students. // Jetbrains Webstorm: Полнофункциональная для веб разработки интегрированная (единая) среда разработки (ЕСР) (Integrated development environment - IDE). (Редактор мною выбранный). Платный, но предлагает 1 год бесплатной лицензии для студентов.
- Atom.io: Highly extensible text editor with IDE like features rivaling Webstorm. Free. // Atom.io: высоко расширяемый текстовый редактор с особенностями как у ЕСР, соперничающими (с) Webstorm. Бесплатный.
- Sublime Text: Lightning fast text editor with plugins support and an aesthetically pleasing look. (I normally keep Webstorm/Atom installed as IDE for serious work, and Sublime Text installed for quick edits to files.) // Sublime Text: Молниеносно быстрый текстовый редактор с поддержкой плагинов (программные модули, подключаемые к основной программе) и эстетически приятным внешним видом. (Я обычно держу Webstorm/Atom установленным как ЕСР для серьёзной работы, и Sublime Text установленным для быстрых правок в файлах.
- caniuse.com: Browser support is critical for websites, and this is the #1 resource at figuring out what features are supported by which browser version and which are. // caniuse.com: Поддержка браузером это критически (важно) для вебсайтов, и это №1 ресурс по выяснению того, какие особенности поддерживаются какой версией браузера и какие (конкретно).
- Cloud 9: Cloud based development environment and IDE with Git support that runs on Linux. Great for programming remotely and testing out NodeJS or other server side things without needing to install anything on your machine. // Cloud 9: Облачная среда разработки и ЕСР с поддержкой GIT, которая работает на Linux. Великолепна для удалённого программирования и тестирования NodeJS или других серверных вещей без необходимости устанавливать что-либо на вашей машине (компьютере).
- CodePen, Plunker and JSFiddle: Great cloud based front end playgrounds that let you do quick HTML/CSS/JS demos you can share, or work on later on if you create a free account. CodePen is often best for CSS related things because of it’s minimalistic interface and plethora of CSS related features, Plunker for JavaScript demos because of it’s powerful JS features, and JSFiddle for demos that you wish to collaborate with others in real time thanks to it’s live editor sharing collaboration feature. // CodePen, Plunker и JSFiddle: Великолепные облачные "Front End" (то, что вы видите в виде вебсайта в своём браузере) игровые площадки, которые позволяют Вам делать быстро HTML/CSS/JS демонстрации (макеты), которыми Вы можете делится, или разрабатывать позже, если Вы создадите бесплатный аккаунт. CodePen является часто лучшим для особенностей, связанных с CSS, Plunker для JavaScript демонстраций из-за его мощных JS особенностей, и JSFiddle для демонстраций, которые Вы хотите разрабатывать совместно с другими в реальном времени благодаря его особенности группового редактора в реальном времени.
- Vanilla List: A repository of JavaScript plugins and libraries using only vanilla JavaScript (meaning they require no libraries to work, like jQuery). // Vanilla List: (ВОЗМОЖНО УЖЕ НЕ РАБОТАЮЩЕЕ) Хранилище JavaScript плагинов и библиотек, использующее только vanilla JavaScript (означает они не требуют использования библиотек типа jQuery).
- YouMightNotNeedjQuery: You probably don’t. See for yourself. // YouMightNotNeedjQuery (ВамВозможноНеНуженjQuery): Возможно Вы не нуждаетесь. Смотрите сами.
- PublicAPIs: Ever wondered what public APIs exist? Look no further! // PublicAPIs: Когда-либо интересовались какие существуют публичные API (Application Program Interface = описание способов набор классов, процедур, функций, структур или констант), которыми одна компьютерная программа может взаимодействовать с другой программой). Посмотрите, но не более!
- Gravit.io: Cloud based design application rivaling adobe illustrator. (Free!) Useful for quick mockups and web design. // Gravit.io: Облачное приложение по дизайну, соперничающее с adobe illustrator. (Бесплатное!) Полезное для быстрых макетов и веб дизайна.
- Adobe Color: Webapp to help you create harmonious color combinations for any website. Also has an “Explore” showcase of color palettes built by other designers as well as a ranking system to help inspire you. // Adobe Color: Веб приложение чтобы помочь создавать гармоничные цветовые комбинации для любого вебсайта. Также имеет "Исследуйте" витрину цветовых палитр, сделанных другими дизайнерами, а также система рейтинга чтобы помочь вдохновить Вас.
- Name that color: Stop spending lots of time figuring out how to name your color variables in less/sass and just use their rightful name with this webapp. // Назови этот цвет: Прекратите тратить много времени выясняя как назвать цветовые переменные и LESS/Sass и просто используйте их законное (правильное) имя с этим веб приложением. Где Sass: Syntactically Awesome Style Sheets and LESS: Leaner Style Sheets are both very powerful CSS extensions // Sass: Синтаксически Классные Таблицы Стилей и LESS: Компактные Таблицы Стилей оба очень мощные расширения CSS: Cascading Style Sheets: Каскадные Таблицы Стилей.
Conclusion
Заключение
I’d just like to say I really enjoyed writing this, and it makes me really happy to have been finally able to give something back to the incredibly supportive programming community everywhere.
/* Я хотел-бы просто сказать, что я действительно насладился пиша (описывая) это, и меня делает реально счастливым (возможность) наконец стать способным возвратить что-нибудь невероятно поддерживающему сообществу программистов. */
As some of you already noticed, this is my first blog post, but you can be sure I plan to write more. Just don’t expect one every week. Remember: quality over quantity!
/* Как некоторые из Вас уже заметили, это мой первый пост в блоге, но Вы можете быть уверены, я планирую писать больше. Просто не ждите его каждую неделю. Помните: качество выше количества! */
If any of you have any questions left, feel free to leave a comment and I’ll do my best to get back to you ASAP.
/* Если у любого из Вас остались какие-либо вопросы, не стесняйтесь оставить комментарий, и я сделаю все возможное, чтобы ответить Вам как можно быстрее. */
I hope this was useful to you guys, until next time, Best!
/* Я надеюсь, это было полезно для Вас, ребята, до следующего, (всего) наилучшего! */
Продолжение следует
Не стесняйтесь положительных и восторженных комментариях и в оценке материала.
Программирование
Языки программирования
Обучение программированию
Веб Разработчик
HTML
CSS
JavaScript
JS
Web developer
Front End Web Developer
Entry Level Software Developer
Самообучение программированию
Бесплатные курсы программирования