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

Question

Quintis @Quintis

JavaScript

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

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

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

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

Простой
Возможно ли используя js очистить кешированные данные загруженных документов?
- 1 подписчик
- 3 часа назад
- 35 просмотров
1

ответ
JavaScript

Средний
Какой подойдет слайдер для кругового меню?
- 1 подписчик
- 6 часов назад
- 35 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему таймер ускоряется?
- 1 подписчик
- вчера
- 123 просмотра
1

ответ
JavaScript

Средний
Как сделать звездный рейтинг?
- 1 подписчик
- вчера
- 129 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как справиться с ошибками,которіе,вероятно не деают ничего сделать в плагине произольніх полей?
- 2 подписчика
- вчера
- 104 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Использование PDFium через WASM в Node.js и альтернативы для анализа метаданных PDF?
- 1 подписчик
- 20 янв.
- 35 просмотров
2

ответа
JavaScript

+2 ещё

Простой
В чем может быть причина видимых разрывов в изображении составленном через чанки?
- 1 подписчик
- 20 янв.
- 89 просмотров
0

ответов
JavaScript

+4 ещё

Простой
Как повторить такую анимацию?
- 1 подписчик
- 20 янв.
- 285 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Скриншот-тестирование отдельного компонента?
- 1 подписчик
- 19 янв.
- 66 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему при нажатии на таймер он не останавливается?
- 1 подписчик
- 19 янв.
- 89 просмотров
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Парсер отзывов Яндекс Маркет на PHP

22 янв. 2025, в 21:33

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

Разработка и корректировка текстов

22 янв. 2025, в 18:00

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

Tech-редактор

22 янв. 2025, в 17:57

2000 руб./в час

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

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?

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

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

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