Как понять готов ли я к освоению React после курса JS?

Question

Quintis @Quintis

JavaScript

Как понять готов ли я к освоению React после курса JS?

Доброго времени суток , как понять что я готов изучать React? Прошел курс по JS -https://coursehunter.net/course/udemy-complete-jav... думаю начинать изучать React.

Вопрос задан более трёх лет назад
273 просмотра

1 комментарий

Подписаться 1 Простой 1 комментарий

Пригласить эксперта

Ответы на вопрос 3

Комментировать

15 комментариев

Quintis @Quintis Автор вопроса

Спасибо , а можете сказать примеры приложений

Написано более трёх лет назад
Дмитрий @slo_nik

Quintis, блог.

Написано более трёх лет назад
Quintis @Quintis Автор вопроса

Дмитрий, спасибо

Написано более трёх лет назад
Дмитрий @slo_nik

Quintis, пожалуйста.

Написано более трёх лет назад
Преподаватель программирования @tosrer

Quintis, 4 языка: js css html php - это готовый простой прекрасный фреймворк для создания приложений

сделай простой блог чат форум тостер только на этих языках - в начале надо научиться делать простые вещи самостоятельно

Написано более трёх лет назад
Юрий Кулаксыз @Kulaxyz

tosrer, сейчас бы html и css языками называть...

Написано более трёх лет назад
Преподаватель программирования @tosrer

Юрий Кулаксыз,

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки»)

CSS - язык описания оформления

Написано более трёх лет назад
Юрий Кулаксыз @Kulaxyz

tosrer, неправильно их ставить в один ряд с языками программирования

Написано более трёх лет назад

Quintis @Quintis Автор вопроса

Мой калькулятор )

//alert(3)
let i , numArr;
function init () {
 i = 0;
 numArr = [];
 document.getElementById("calc-field").value = "";
}

document.querySelector('.numbers').addEventListener( 'click' , function () {

    //Setting up numbers buttons in calc  
    let eventClassName= event.target.className;
    let numButton = parseInt(eventClassName.replace('button-', ''));
    if (numButton || numButton === 0) {
         
        numArr[i] = numButton;
        i++;
    
    document.getElementById("calc-field").value = numArr.join("");
   //console.log(numButton);
    //console.log(numArr);
    }

})
document.querySelector('.calc-func').addEventListener( 'click' , function () {
    //Setting up arithmetic func of calc
    let eventClassName= event.target.id.split("_");
    numArr.push(eventClassName[1]);
    i++;
    document.getElementById("calc-field").value = numArr.join("");
    console.log(eventClassName[1])


})
document.querySelector('.calc-button').addEventListener( 'click' , function () {
    //Setting up arithmetic func of calc

    document.getElementById("calc-field").value = eval(document.getElementById("calc-field").value);
 console.log(eval(document.getElementById("calc-field").value));


})
document.querySelector('.refresh').addEventListener( 'click' , function () {
    //Refresh all data

    init()


})

init()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <input id="calc-field" >
    <input class="calc-button" type="button" value="CALC">
    <input class="refresh" type="button" value="REFRESH">
    <ul class="calc-func">
        <li id="divid_/">/</li>
        <li id="=times_*">*</li>
        <li id="plus_+">+</li>
        <li id="min_-">-</li>
    </ul>
    <ul class="numbers">
        <li class="button-1">1</li>
        <li class="button-2">2</li>
        <li class="button-3">3</li>
        <li class="button-4">4</li>
        <li class="button-5">5</li>
        <li class="button-6">6</li>
        <li class="button-7">7</li>
        <li class="button-8">8</li>
        <li class="button-9">9</li>
        <li class="button-0">0</li>
    </ul>


<script src="./index.js" ></script>
</body>
</html>

p {
    color: aqua;
}

p {
    height: 100px;
    margin-bottom: 10px;
    width: 300px;
    background-color: aliceblue;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    display: inline-block;
    font-size: 36px;
    padding: 13px;
    background-color: violet;

}

li:hover {
    background-color: red;
    cursor: pointer;
}

.numbers {
    background-color: blue;
    margin-top: 20px;
    width: 240px;
}

.numbers > li:nth-child(-n+5) {
    margin-bottom: 10px;
   
}

Написано более трёх лет назад

Quintis @Quintis Автор вопроса

На это надо потратить хотя бы год - это база.

Год ? Не многовато ли ?

Написано более трёх лет назад
Quintis @Quintis Автор вопроса

tosrer,

делая простой дипломный проект.

Можете показать пример , или ссылку

Написано более трёх лет назад
Преподаватель программирования @tosrer

Quintis, надо сделать с нуля простое клиент-серверное приложение типа блога, жж, тостера

то есть CMS с авторизацией участников

калькулятор это слишком просто
нужно делать CMS - создавать документы и работать с данными на сервере

год - это для особо одаренных
в среднем три года надо чтобы овладеть любой сложной профессией

Написано более трёх лет назад
Преподаватель программирования @tosrer

сделай свой аналог тостера например

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

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

Написано более трёх лет назад
Quintis @Quintis Автор вопроса

tosrer, Насчет бэкенда , я не знаю PHP , может лучше на Node js?

Написано более трёх лет назад
Преподаватель программирования @tosrer

Quintis, да, лучше Node.js
не важно на каком языке сервер

PHP хорош тем что он есть везде и можно разместить свой проект на бесплатном хостинге

Node.js хорош тем что на клиенте и на сервере один язык, и он лучше и удобнее php, и можно делать более сложные бэкенды, например игровой сервер

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Средний
Postman. Как увеличить время жизни токена?
- 1 подписчик
- 51 минуту назад
- 42 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- 20 часов назад
- 97 просмотров
1

ответ
JavaScript

+4 ещё

Сложный
Почему в WebSockets History в Burp Suite отображаются кракозябры?
- 1 подписчик
- вчера
- 88 просмотров
2

ответа
JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- вчера
- 1468 просмотров
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- 21 дек.
- 58 просмотров
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- 20 дек.
- 85 просмотров
2

ответа
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- 20 дек.
- 99 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 214 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 106 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 95 просмотров
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Разработать 3D модель лопасти

23 дек. 2024, в 10:43

5000 руб./за проект

Разработать принципиальную схему в Altium Designer

23 дек. 2024, в 10:32

2000 руб./за проект

Разработать бота для отслеживания неудачных тон транзакций

23 дек. 2024, в 09:55

10000 руб./за проект

Добрый день.
Надо не думать, а делать.

Answer 1 · 2019-09-22 12:14:08

Programmir @Programmir

Я чувствую, что вы ещё не готовы. Лет 50 ещё поизучайте, тогда будете готовы.

Ответ написан более трёх лет назад

Комментировать

Answer 2 · 2019-09-22 12:46:35

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

Answer 3 · 2019-09-22 12:18:00

Всё просто - попробуй создать простенькое веб-приложение на чистых языках без ничего.
Даже без готовой СУБД - научись сам сохранять данные в файлах.
Если сможешь - ты уже настоящий начинающий программист

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

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

Как понять готов ли я к освоению React после курса JS?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт