Ruslanhttps://teletype.in/atom/flame182026-05-30T11:11:53.390Zflame18:react-dev-tutorial2022-06-02T09:35:22.463Z2022-06-03T11:07:38.388Z

<img src="https://www.alltechflix.com/wp-content/uploads/2019/10/react-native-app.jpg">RoadMap для JavaScript

<figure id="IoYU" class="m_column"> <img src="https://www.alltechflix.com/wp-content/uploads/2019/10/react-native-app.jpg" width="1817" /> </figure> <section style="background-color:hsl(hsl(34, 84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="QQPN" data-align="center"><strong>RoadMap для JavaScript </strong></p> <p id="W7bQ" data-align="center"><a href="https://tproger.ru/articles/javascript-s-nulja-dorozhnaja-karta/" target="_blank">https://tproger.ru/articles/javascript-s-nulja-dorozhnaja-karta/</a></p> </section> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="sopK"><strong>Общие источники знаний</strong></p> <p id="4UC8"><a href="http://codebasics.ru/" target="_blank">http://codebasics.ru/</a> - курсы (free)</p> <p id="IXmt"><a href="https://htmlacademy.ru/study" target="_blank">https://htmlacademy.ru/study</a> - курсы</p> <p id="fRQp"><a href="https://thecode.media/" target="_blank">https://thecode.media/</a> - журнал КОД</p> <p id="iY68"><a href="https://habr.com/ru/all/" target="_blank">https://habr.com/ru/all/</a> - сайт для ITшников</p> <p id="eqm8"><a href="https://tproger.ru" target="_blank">https://tproger.ru</a> - еще сайт для ITшников</p> <p id="lWn3"><a href="https://www.codewars.com/" target="_blank">https://www.codewars.com/</a> - задачки по коду</p> <p id="4vDj"><a href="https://codebattle.hexlet.io/" target="_blank">https://codebattle.hexlet.io/</a> - еще задачки по коду </p> <p id="XxyS"><a href="https://gb.ru/posts/resources_for_programming_practice" target="_blank">https://gb.ru/posts/resources_for_programming_practice</a> - большой список задачек</p> <p id="oBRt"><a href="https://tproger.ru/digest/learn-to-code-while-playing-games/" target="_blank">https://tproger.ru/digest/learn-to-code-while-playing-games/</a> - игры для программистов</p> </section> <p id="iunI"></p> <p id="rNKf"></p> <h3 id="9lSR"><strong>Green Junior | Самый начальный уровень: </strong></h3> <p id="EKqk">HTML - <a href="https://ru.code-basics.com/languages/html" target="_blank">https://ru.code-basics.com/languages/html</a></p> <p id="Vtdb">CSS - <a href="https://ru.code-basics.com/languages/css" target="_blank">https://ru.code-basics.com/languages/css</a></p> <p id="2mjp">JS - <a href="https://ru.code-basics.com/languages/javascript" target="_blank">https://ru.code-basics.com/languages/javascript</a></p> <p id="RESs"></p> <p id="Pilc">CSS flex system - <a href="https://flexboxfroggy.com/#ru" target="_blank">https://flexboxfroggy.com/#ru</a> (игра по flex css)</p> <p id="L3sj">GIT - <a href="https://learngitbranching.js.org/?locale=ru_RU" target="_blank">https://learngitbranching.js.org/?locale=ru_RU</a> (Игра по изучению Git)</p> <p id="o4f7"></p> <p id="gOPc">Так же инфу можно найти на Hexlet - <a href="https://ru.hexlet.io/webinars" target="_blank">https://ru.hexlet.io/webinars</a></p> <p id="wvh8"></p> <h3 id="HVQ5"><strong>Junior | Начальный уровень:</strong></h3> <p id="BKqn">SASS (препроцессор для CSS) -</p> <p id="kSbg"><a href="https://sass-lang.com/" target="_blank">https://sass-lang.com/</a></p> <p id="eMny"><a href="https://medium.com/nuances-of-programming/%D0%BF%D0%BE%D0%BB%D0%BD%D1%8B%D0%B9-%D0%B3%D0%B0%D0%B9%D0%B4-%D0%BF%D0%BE-scss-sass-b09ae0c87afe" target="_blank">https://medium.com/nuances-of-programming/полный-гайд-по-scss-sass-b09ae0c87afe</a></p> <p id="dRbJ">JavaScript - <br /><a href="https://learn.javascript.ru/" target="_blank">https://learn.javascript.ru/</a> - тут можно найти все что нужно для JS</p> <p id="Qzzo">На этом уровне нужно углубится в знания по:</p> <blockquote id="cTFH"><em>браузерному JS</em></blockquote> <blockquote id="Quny"><em>async/await, API</em></blockquote> <blockquote id="MkP6"><em>map, reduce, filter</em></blockquote> <blockquote id="hA59"><em>колбеки, массивы, строки</em></blockquote> <blockquote id="AqrQ"><em>ООП</em></blockquote> <p id="baIH"></p> <p id="UiPu"><strong>Подборка задач по JS которые надо обязательно прорешать</strong></p> <p id="b1Dj"><a href="https://sinyakov.com/frontend/problems.html" target="_blank">https://sinyakov.com/frontend/problems.html</a> </p> <p id="66WV"></p> <p id="Lezz" data-align="center"><em>идем далее...</em></p> <p id="RPra"></p> <h3 id="qBR5"><strong>React Junior (Фреймворк):</strong></h3> <section style="background-color:hsl(hsl(34, 84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="04vK" data-align="center"><strong>RoadMap для React</strong></p> <p id="3FpC" data-align="center"><a href="https://roadmap.sh/react" target="_blank">https://roadmap.sh/react</a></p> </section> <p id="gZEH"></p> <p id="oEmp"><a href="https://reactjs.org/" target="_blank">https://reactjs.org/</a> - React docs</p> <p id="unV7"><a href="https://habr.com/ru/company/ruvds/blog/428077/" target="_blank">https://habr.com/ru/company/ruvds/blog/428077/</a> - статься по React</p> <p id="I96u"><a href="https://learn-reactjs.ru/tutorial" target="_blank">https://learn-reactjs.ru/tutorial</a> - Учебник React</p> <p id="FOd7"></p> <p id="KTRA"><strong>Видео ролики:</strong></p> <p id="W57h"><a href="https://www.youtube.com/c/ArchakovBlog" target="_blank">https://www.youtube.com/c/ArchakovBlog</a> - для изучения js и React, полезный материал, интересные проекты, но очень долго и в режиме стримов, если зайдет то круто. Ну в отличии от UlbiTV не так кратко и содержательно</p> <p id="cq7i"><a href="https://www.youtube.com/c/ITKAMASUTRA" target="_blank">https://www.youtube.com/c/ITKAMASUTRA</a> - долгий, но проработанный курс &quot;React путь самурая&quot;</p> <p id="KLxs"><a href="https://www.youtube.com/c/REDGroup/videos" target="_blank">https://www.youtube.com/c/REDGroup/videos</a> - тут тоже интересно, но уже для более продвинутых. Можно посмотреть, возможно, найдешь что-то для себя.</p> <p id="vUUG"><a href="https://youtu.be/ptiom4YWqoE" target="_blank">https://youtu.be/ptiom4YWqoE</a> - для начинающих на react</p> <p id="5Unc"><a href="https://www.youtube.com/watch?v=GNrdg3PzpJQ" target="_blank">https://www.youtube.com/watch?v=GNrdg3PzpJQ</a> - курс по react</p>