Skip to content

Commit 7e0dd22

Browse files
alexbaumgertneralexbaumgertner
committed
Add page "learn frontend"
1 parent 410381b commit 7e0dd22

2 files changed

Lines changed: 105 additions & 0 deletions

File tree

‎pages/learn-frontend/index.tsx‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
import type { NextPage } from 'next'
2+
import Head from 'next/head'
3+
4+
const LearnFrontend: NextPage = () => {
5+
return (
6+
<>
7+
<Head>
8+
<title>Learn Frontend</title>
9+
</Head>
10+
<main>
11+
12+
<h2>Привет!</h2>
13+
14+
<p>
15+
Вы наверное видели успевший стать знаменитым твит: <br/><br/>
16+
{/* eslint-disable-next-line @next/next/no-img-element */}
17+
<a href="https://twitter.com/alexbaumgertner/status/1527602497782788096">
18+
<img src="./images/twit_alexbaumgertner_1_49pm_May_20_2022.png" width="500px" alt="twit alexbaumgertner from 1.49pm May 20 2022" />
19+
</a>
20+
</p>
21+
22+
<p>
23+
Многие откликнулось и я заметил, что есть два типа запросов:
24+
</p>
25+
26+
<h3>
27+
1. Я раньше не работал(-а) с HTML/CSS/JS, но хочу научиться
28+
</h3>
29+
30+
<p>— вам я рекомендую посмотреть и пройти два очень хороших вводных бесплатных курса:</p>
31+
32+
<ul>
33+
<li>
34+
<strong>HTML/CSS верстка</strong>: <a href="https://htmlacademy.ru/courses/intro-to-web-development">https://htmlacademy.ru/courses/intro-to-web-development</a>
35+
</li>
36+
<li>
37+
<strong>JS: <a href="https://ru.hexlet.io/courses/introduction_to_programming">https://ru.hexlet.io/courses/introduction_to_programming</a></strong>
38+
</li>
39+
</ul>
40+
41+
<h3>
42+
2. Я немного знаю HTML/CSS/JS, хочу развиваться дальше
43+
</h3>
44+
45+
<p>
46+
Попробуйте пройти <a href="https://nextjs.org/learn/foundations/about-nextjs">курс по NextJS</a>.
47+
Это отличный фреймворк для создания веб-сайтов на React.
48+
</p>
49+
50+
<p>Страничка, которую вы сейчас читаете — <a href="https://github.com/easy-deep-learning/easy-deep-learning.github.io">сделана на NextJS</a>.</p>
51+
52+
53+
<h3>И первым и вторым самое главное — нужно придумать свой проект</h3>
54+
55+
<p>Свой проект — главный мотиватор и необходимое условие успеха.</p>
56+
57+
<p>
58+
По проекту:
59+
придумайте что-то, важное для вас, это может быть
60+
</p>
61+
62+
<ul>
63+
<li>система учета финансов</li>
64+
<li>система учета еды, тренировок</li>
65+
<li>сайт благотворительной организации</li>
66+
<li>обучающая платформа по английскому/немецкому/турецкому/итд языку</li>
67+
<li>любой веб-сайт, о котором вы мечтали</li>
68+
</ul>
69+
70+
71+
<h3>У меня есть идея проекта, что дальше?</h3>
72+
73+
<ul>
74+
<li>Создайте на github репозиторий, добавьте меня (alexbaumgertner) в collaborators</li>
75+
<li>
76+
создайте issue с описанием проекта, вашими текущими знаниями HTML/CSS/JS, программами проектирования сайтов типа https://www.figma.com/ и начнем работать :)
77+
</li>
78+
</ul>
79+
80+
81+
<p>Как работать с github</p>
82+
<ul>
83+
<li><a href="https://www.youtube.com/watch?v=9dkzbSnN2FQ">https://www.youtube.com/watch?v=9dkzbSnN2FQ (RU)</a></li>
84+
<li><a href="https://www.youtube.com/watch?v=RGOj5yH7evk&t=426s">https://www.youtube.com/watch?v=RGOj5yH7evk&t=426s (EN)</a></li>
85+
</ul>
86+
87+
<p>
88+
Не бойтесь!
89+
Абсолютно у всех будут проблемы и вопросы.
90+
Я первый раз начал изучать HTML в 2001 году, в 2008 нашел первую работу, а как разработчик стартовал в 2011.
91+
</p>
92+
93+
<p>
94+
Если что-то не будет получаться — ничего страшного, пишите и спрашивайте в <a
95+
href="https://github.com/easy-deep-learning/learn-javascript/discussions">github.com/easy-deep-learning/learn-javascript/discussions</a>
96+
</p>
97+
98+
<p>Удачи!</p>
99+
100+
</main>
101+
</>
102+
)
103+
}
104+
105+
export default LearnFrontend

‎public/images/twit_alexbaumgertner_1_49pm_May_20_2022.png‎

462 KB
Loading

0 commit comments

Comments
 (0)