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

Question

Quintis @Quintis

JavaScript

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

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

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

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

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 19 часов назад
- 68 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 20 часов назад
- 87 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 107 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 80 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- вчера
- 46 просмотров
1

ответ
JavaScript

Средний
Как создать кроссбраузерный функиональный плеер?
- 1 подписчик
- вчера
- 66 просмотров
0

ответов
JavaScript

+1 ещё

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

ответ
JavaScript

+1 ещё

Простой
Как передавать данные гугл таблицы в телеграм при добавлении новой записи?
- 1 подписчик
- вчера
- 63 просмотра
1

ответ
JavaScript

Простой
Проблема с добавлением полей товара в куки, почему-то при клике ничего в куки не записывает, что делать?
- 1 подписчик
- вчера
- 33 просмотра
2

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

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

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

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

Мэтч

от 80 000 ₽

Убрать подпись с печати, в идеале перенести в вектор

19 апр. 2024, в 12:24

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

Доработать сайт на React + Nest

19 апр. 2024, в 12:05

1500 руб./в час

Разработать программу в CodeSys

19 апр. 2024, в 12:00

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

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

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?

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

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

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