• Освоение HTML5, CSS, JS. Как продвигаться?

    jenovas
    @jenovas
    И еще момент, уберите пока бутстрап, сначала разберитесь как все работает без бутстрапа, а потом уже сами поймете нужен вам цсс фреймворк или нет. То же самое с препроцессорами, сначала чистый цсс, после уде подключайте все остальньное
    Ответ написан
    Комментировать
  • Освоение HTML5, CSS, JS. Как продвигаться?

    @McBernar
    1. Базовые навыки html/css. Здесь отлично помогает htmlacademy.ru

    2. Чистый JS на learn.javascript.ru

    3. Попутно верстаете все, что плохо лежит, практику по JS можно получать на каком-нибудь Codewars.

    4. Дальше начинаются различные тулзы — препроцессоры, сборщики, фреймворки. Начните с простого — Gulp, Sass, Jquery, Bootstrap, Emmet, Git, NodeJS на уровне npm.

    5. А здесь вы уже начнете неплохо ориентироваться во фронт-разработке и вопросов — куда двигаться дальше — не появится. Разве что только философские.
    Ответ написан
    2 комментария
  • Как вывести данные с сервера без lodash?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Vlad Feninets ответил абсолютно верно, приведу полную реализацию, на основе кода из репозитория:

    return Object.keys(this.props.posts).map(postId => {
          const currentPost = this.props.posts[postId]
          return (
            <li className="list-group-item" key={currentPost.id}>
              <span className="pull-xs-right">{currentPost.categories}</span>
              <strong>{currentPost.title}</strong>
            </li>
          );
        })
    Ответ написан
    Комментировать
  • Как работает массив?

    vvovas
    @vvovas
    Попробуйте просклонять слово "час", вы увидите, что у вас всего 3 варианта: "час", "часа", "часов". Указание на то, какой вариант использовать, содержится в decCases.
    Сопоставление варианта и числа описано в условии:
    number % 100 > 4 && number % 100 < 20 - используется вариант с индексом "2"
    в остальных случаях берется вариант с индексом Math.min(number % 10, 5)
    Ответ написан
    Комментировать
  • Как сделать цикл?

    @Froggyweb
    Лучше нативным for
    Ответ написан
    Комментировать
  • Тернарный оператор vs if, что "эстетически" лучше?

    werty1001
    @werty1001
    undefined
    Первый вариант читается лучше в данном случае на мой вкус, а тернарный оператор лучше юзать для коротких условий.
    Ответ написан
    Комментировать
  • Как в js прописать команду перезагрузки shift+5?

    @forevist
    Front-End Developer
    location.reload(true);
    учимся использовать гугл
    Ответ написан
    Комментировать
  • С чего начать карьеру, если чувствуешь свою проф непригодность, хотя никогда не пытался устроиться?

    platotel
    @platotel
    IT Product Manager
    selfdestroy, добрый день. Что мне бросилось в глаза:
    - ник про саморазрушение и отсутствие аватарки, что иногда (не всегда) бывает признаком низкой самооценки. Да, есть те, кто по идеологическим или ещё каким-то причинам не хочет афишировать своё лицо, у кого-то просто нет хорошей фотографии, кто-то больше любит какую-то картинку поставить вместо лица, но нет ли именно проблем с восприятием себя?
    - наложение на себя клейма: "проф непригодность", "не обладаю супер знаниями",
    - страх отказа ("никогда не пытался устроиться"),
    - позиция "снизу", демонстрация чувство вины ("извиняюсь"),
    - растерянность ("понятия не имею, как найти", "не знаю, куда плыть дальше"),
    - настрой на провал ("меня просто нигде не возьмут"),
    - "никогда не щупал продакшн в живую" - есть стажировки, Open Source проекты, онлайн-курсы, на которых можно делать свой проект, обучаясь.

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

    Я Вас очень понимаю в том, что иногда хочется опустить руки и переложить ответственность за свою жизнь на кого-то другого или на сложные обстоятельства. Но Вы ведь понимаете, что сильнее Вас за Ваши мечты и идеалы не будет бороться никто? Только Вы можете сказать себе: "я - хозяин своей жизни, и всё, что со мной происходит - результат моих действий либо моего восприятия происходящего". Очень просто сказать: "полюби себя", "начни ценить себя", но часто за низкой самооценкой кроется именно нежелание брать на себя ответственность за свою жизнь. Попробуйте что-то делать в этом направлении. Тогда и в программировании, и в трудоустройстве, и в общении с окружающими станет проще.
    Ответ написан
    17 комментариев
  • С чего начать карьеру, если чувствуешь свою проф непригодность, хотя никогда не пытался устроиться?

    sim3x
    @sim3x
    Если не ходить на собеседования, то не возьмут
    Гарантирую
    Ответ написан
    Комментировать
  • Какой необходимый уровень знаний для junior React.js Разработчика?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    UPDATE: реальные тестовые задания и разборы здесь, ответы на все вопросы из поста в моем блоге об обучении react.

    не включая основы js

    Извините, но стандартная задача, про "напишите функуцию add, которая при вызове add(1)(2) вернет 3" - многих положила на лопатки =) Поэтому будьте готовы..

    React
    0) Какую проблему решает react ?
    1) Мгновенно ли срабатывает setState? Если нет, то как выполнить код, который 100% выполнится после того, как новый state будет установлен?
    2) Зачем многие постоянно пишут в constructor: this.FUNCTION_NAME = this.FUNCTION_NAME.bind(this) и отсюда вопрос вытекает чему равно this в разных местах вашего компонента...
    3) в каких методах жизненого цикла стоит выполнять xhr запросы? В каких стоит "обновлять state на основе props"?
    4) Что будет если вызвать this.setState в render методе компонента?
    5) зачем нужен componenWIllUnmount, приведите пример..
    6) Контролируемые, не контролируемые компоненты
    7) Как организовать роутинг в реакт приложении? (ответ: взять react-router - подходит, но было бы круто, если бы вы рассказали, как он примерно работает)*
    8) Зачем нужны propTypes? Что происходит с ними в production сборке?
    9) Как можно удобно "отлаживать" чужой код приложения, написанного на react (намек в сторону React devtools)
    ...

    Redux
    0) Какую проблему решает redux?
    1) Зачем многие создают типы действий NAME_REQUEST / NAME_SUCCESS ? А заодно, что такое "действие", а что такое "создатель действия"...
    2) Что такое редьюсер? Можете написать простой редьюсер без react/redux?*
    3) Для чего нужен redux-thunk? Как он работает? Напишите (можно псевдокод) асинхронный создатель действия (либо, если надоело говорить "терминами" - асинхронный aciton)
    4) Как компоненты приложения получают "пропсы" из "стора"?*
    5) Можно ли (и считается ли это нормальным) использовать state, если используется Redux?
    6) Почему в reducer'ax мы возвращаем новые объекты? Приведите пример, когда вы возвращаете новый объект, а когда тот же самый.
    6.5) А так же, "как в js вообще это работает?". Например:
    let obj1 { name: 'Test', age: 100 }
    let obj2 = obj1
    obj2.name = 'Test_new'

    Что будет в obj1, почему? В каких случаях объекты могут быть равны?
    7) Что возвращает функция connect (из react-redux)?
    ...

    Общее:
    0) package.json
    1) Webpack, gulp, etc...
    2) node.js
    3) promise

    Что-нибудь практическое:
    1) Как бы вы валидировали форму, если ошибки валидации приходят после submit'a ее на сервер..
    2) Почему не работает следующий код, сделайте чтобы работало
    ...
    На истину не претендую, но такие вопросы имели место быть на собеседованиях. В беседе можно многое разузнать дополнительными вопросами и так далее. Так же, если часть вопросов вам неизвестна - не беда, многие и на половину ответить не могут.

    p.s. возможно дополню...
    p.p.s. звездочкой отметил, на мой взгляд не самые необходимые для junior-собеседования вопросы.
    Ответ написан
    31 комментарий
  • Как реализовать смену цвета в React?

    devellopah
    @devellopah
    можно так попробовать codepen.io/dagman/pen/KWbXRg

    class App extends React.Component {
    	
    	toggle() {
    		this.page.classList.toggle('dark');
    	}
    	
    	render() {
    		return (
    			<div 
    				className="page" 
    				ref={page => this.page = page}
    			>
    				<button 
    					className=" center toggler"
    					onClick={this.toggle.bind(this)}
    				>
    					Toggle
    				</button>
    			</div>
    		);
    	}
    }
    
    ReactDOM.render(
    	<App />,
    	document.getElementById('root')
    );
    Ответ написан
    Комментировать
  • Как экспортировать функцию по умолчанию в js?

    TemaTM
    @TemaTM Автор вопроса
    Спасибо всем! Всё решил)

    solution,js
    import sqrt from './sqrt';
    const area = (a, b) => {
      return 1 / 2 * (a * sqrt(b * b - a * a / 4));
    };
    area(2, 2);
    export default area; // Прочёл 20 статей не думал что она должна возвращать имя функции)


    sqrt.js
    export default num => Math.sqrt(num);
    Ответ написан
    Комментировать
  • Как всё успевать и не быть роботом?

    saboteur_kiev
    @saboteur_kiev
    software engineer
    > Минимум 8 часов, чтобы были деньги.

    Работать нужно не 8 часов, а головой.
    Ответ написан
    11 комментариев
  • Postfix - как реализовать авторизацию для алиасов?

    @mureevms
    example@example.com - это алиас?
    Тогда нормально, что Вы не можете под ним авторизоваться. Это же алиас!

    Если авторизация нужна, то создавайте полноценный ящик и настраивайте перенаправление
    Ответ написан
    Комментировать