Обычно у меня есть привычка собирать интересные веб-сайты в Интернете.Когда я учился в школе, большинство коллекций были неописуемыми веб-сайтами, такими как игры, музыка и фильмы.После работы это была вся техническая обучающая информация. Когда я несколько дней назад разбирал закладки браузера, то обнаружил, что закладок более 200, и удалить десятки из них по ошибке было очень хлопотно, поэтому я посчитал, что нужно записать их по-другому, и в то же время я выбрал некоторые из них, которые я чувствовал.Хороший веб-сайт, которым можно поделиться со студентами, которые в этом нуждаются.
Статьи (включая предыдущие статьи) и полные закладки, экспортированные браузером, помещаются на github для резервного копирования и могут быть обновлены для добавления нового контента позже.
адрес проекта:GitHub.com/hoc2019/Нет…
Если некоторые иностранные веб-сайты недоступны, пожалуйста, решите эту проблему самостоятельно.
Инструменты разработки
Некоторые веб-сайты вспомогательных инструментов, используемых в повседневной работе.
| URL-адрес | иллюстрировать |
|---|---|
| regexr.com | Совпадения проверки регулярных выражений |
| www.gitignore.io | Создать файл .gitignore на основе выбора |
| unbug.github.io/codelf | Рекомендации по именованию переменных (поддержка китайского языка) |
| woohoo.html.capable/tool/CSS3PR… | Предварительный просмотр теней CSS box-shadow и генерация кода |
| ООО. ИНЕРЕРНЕТ Мэй .com / js Эффекты / 2 ... | Предварительный просмотр градиента CSS и генерация кода |
| selectstyle.com/easying/CEA… | Предварительный просмотр и генерация функции замедления CSS-анимации |
| woohoo.topthem.com/developers/… | Синтезировать изображения спрайтов из нескольких изображений и генерировать соответствующие css |
| tool.lu | Коллекция многих инструментов, включая преобразование временных меток, базовое преобразование и т. д. |
| www.bootcdn.cnилиcdn.baomitu.com | Домашняя библиотека CDN, быстрая |
| www.jsdelivr.com | Зарубежная библиотека cdn, поддержка github, npm, WordPress |
онлайн редактирование
Редактирование и запуск кода онлайн
| URL-адрес | иллюстрировать |
|---|---|
| jsrun.net | На внутреннем веб-сайте есть подсказки кода, поддерживается импорт библиотеки cdn, не поддерживается создание проектов и есть рынок образцов кода. |
| jsbin.com | Иностранные сайты, менее функциональные, строить местную поддержку |
| codepen.io | Иностранные веб-сайты поддерживают импорт библиотеки cdn, поддерживают создание проектов (не члены поддерживают только один проект) и имеют большой и богатый рынок образцов кода. |
| stackblitz.com | Зарубежные веб-сайты имеют подсказки кода, поддерживают npm и могут создавать проекты (тип создания по умолчанию не имеет vue). |
| codesandbox.io | Зарубежные веб-сайты поддерживают импорт библиотек npm и cdn, могут создавать различные типы проектов. |
банк вопросов по программированию
Улучшите мышление в области программирования, решая вопросы и обучаясь программированию.
- freecodecamp
- китайская версия freecodecamp (старая версия)
- китайская версия freecodecamp (новая версия)
- leetcode
- leetcode китайская версия
- расовый код
- scriptoj
- codewars
- codecademy
Примечание. Согласно сообществу fcc, старая версия названия больше не поддерживается и не обновляется, рекомендуется использовать новую версию, а учетные записи несовместимы. (Спасибо комментарию Ricowang за указание на это)
видеоурок
Технический обмен и обучающие видео.
| URL-адрес | иллюстрировать |
|---|---|
| Frontendmasters | Есть много курсов от больших парней, курсы английского языка, английские субтитры, несколько курсов бесплатны, большинство из них требуют членства по подписке, стоимость дороже, вы можете купить годовую плату, когда скидка Черная пятница. |
| Egghead | Уроки английского языка с английскими субтитрами. |
| IT-гуру говорят | На отечественных технологических конференциях в основном делятся видео. |
| МООК | На отечественном сайте довольно много бесплатных курсов, а практические курсы платные, и цена дорогая. (Другие, такие как Tencent Classroom, NetEase Cloud Classroom и т. д., имеют почти такое же количество) |
| Udemy | Сайт китайского языка и курсы китайского языка, большинство курсов английского языка имеют китайские субтитры, в зависимости от платы за урок, скидка на платные курсы довольно приемлема. |
Смотреть видео может быть более понятным и интуитивно понятным, поэтому многие люди предпочитают смотреть видео, особенно когда они только начинают. В Интернете также есть много видеокурсов учебных заведений. Вы также можете посмотреть их, если сможете их найти. Однако, когда вы продвинуты, рекомендуется смотреть больше иностранных видео, чтобы расширить свой кругозор и улучшить свои знания английского языка.
Большинство видео на вышеуказанных веб-сайтах по-прежнему платные. Если вы хотите смотреть бесплатные видео, вы можете посмотреть YouTube. Есть также много видео, распространяемых с помощью вышеуказанной технологии. Дело в том, что все они бесплатны.
Ниже приведены некоторые рекомендуемые технические аккаунты YouTube, вы можете подписаться на них.
Это лишь часть моего внимания, есть еще много других, которые вы можете изучить самостоятельно.
Информация о статье Блог
Узнайте о технологиях и будьте в курсе последних событий в отрасли.
одомашненный
- Наггетс
- Блог Парк
- CSDN
- короткая книга
- infoQ
- большая передняя часть
- Чжунчэн Перевод
- w3ctech
- v8
- w3cplus
- Блог Чжан Синьсюй
- Блог TechBridge
- Cool shell левое ухо слушает блог ветра
- Таобао ФРС
- Лаборатория JD Bump
- Baidu FEX(Technology Weekly все еще обновляется)
- Еженедельник странных танцев(Рекомендуется подписаться на публичный аккаунт)
- Блог технической команды Dasouche
иностранный
- Echojs
- Front-End Front
- Hashnode
- css-tricks
- Devchat(аудиоформа)
- Medium(подписаться на рассылку)
- Dev(подписаться на рассылку)
- HTML5 Weekly(подписаться на рассылку)
- CSS Weekly(подписаться на рассылку)
- JavaScript Weekly(подписаться на рассылку)
- React Status(подписаться на рассылку)
- Ponyfoo(подписаться на рассылку)
- Jake Archibald blog
- Dan Abramov blog
- David Walsh Blog
Рекомендуется подать заявку на почтовый ящик, предназначенный для получения писем по подписке, потому что будет получено большое количество писем.
Форум вопросов и ответов
Если вы столкнулись с проблемами во время разработки, зайдите в эти места.
| Веб-сайт | иллюстрировать |
|---|---|
| Знай почти | Нечего сказать.С Zhihu никто не должен пользоваться Baidu, чтобы знать эту фигню. |
| Segmentfault | Больше внимания уделяйте техническим вопросам. |
| Stack Overflow | Иностранный оригинал Segmentfault, очень мощный. |
| cnodejs | сообщество узла |
| react-china | реагировать сообщество |
| V2EX | Программатор 1024? |
Для проблем с фреймворками и библиотеками с открытым исходным кодом обычно можно найти решения, зайдя на github, чтобы найти проекты и задать вопросы.
связанный с github
В конце концов, на крупнейшей в мире платформе однополых знакомств много замечательных людей и проектов.Помимо колеса, есть еще и множество туториалов.Вот несколько проектов, которые помогут в обучении переднему.
| заглавие | иллюстрировать |
|---|---|
| 30-seconds-of-code | Короткая и лаконичная функция инструмента, есть китайская версия. |
| Front-end-Developer-Interview-Questions | Вопросы для фронтенд-интервью организованы, есть китайская версия, ответов нет. |
| front-end-interview-handbook | Руководство по предварительному собеседованию, доступное на китайском языке, с ответами. |
| Front-End-Checklist | Чек-лист фронтенд-разработки |
| javascript-algorithms | js алгоритмы и структуры данных |
| 33-js-concepts | 33 концепции, которые необходимо освоить во фронтенд-разработке, есть китайская версия. |
| awesome-javascript | список ресурсов javascript, естьКитайская версия. |
| nodebestpractices | Список лучших практик работы с узлами, доступный на китайском языке. |
На github awesome-* похожие имена могут найти другие похожие проекты, такие как список ресурсов узлов awesome-node, список ресурсов реагирования awesome-react.
При обучении не рекомендуется зацикливаться на вопросах собеседования, а сформировать систему непросто.
наконец
Веб-сайты, организованные здесь, - это те, которые я вижу чаще.Некоторые веб-сайты, которые не обновлялись в течение длительного времени, не указаны в списке, а некоторые веб-сайты могут быть пропущены.Если у вас есть другие отличные учебные веб-сайты, вы также можете комментировать и делиться ими. Я надеюсь, что эти веб-сайты помогут вам в обучении.