Как понять готов ли я к освоению 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

+1 ещё

Средний
Как подключить поисковую систему в js?
- 1 подписчик
- 5 часов назад
- 54 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 9 часов назад
- 55 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 9 часов назад
- 36 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 11 часов назад
- 29 просмотров
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- вчера
- 140 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- вчера
- 164 просмотра
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- 20 нояб.
- 85 просмотров
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- 20 нояб.
- 51 просмотр
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

ответов
JavaScript

Простой
Можно ли использовать Intersection Observer API для не дочерних элементов?
- 1 подписчик
- 20 нояб.
- 48 просмотров
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Телеграмм бот на Python

22 нояб. 2024, в 22:26

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

Сделать несколько гиф анимаций

22 нояб. 2024, в 21:47

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

Доделать сайт на Revolution 3

22 нояб. 2024, в 21:44

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

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

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?

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

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

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