Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Игра рыбалка представляет собой полноценный симулятор рыбалки и дает возможность порыбачить в реально существующих местах из жизни и поймать рыбу, которая там обитает.

Рыбный дождь

Спорт, Симуляторы, Рыбалка

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Frontend + Верстка

С этим тегом используют

IT Программирование Javascript IT юмор Веб-разработка Web Программист HTML CSS Дизайн Сайт Все
82 поста сначала свежее
0
DELETED
5 лет назад

Задаем соотношение сторон изображению / HTML&CSS⁠⁠

I. Через фоновое изображение

- Создаем div;

- Задаем ему нулевую высоту;

- Задаем ему фоновое изображение;

- Обнуляем размер фонового изображения;

- Создаем псевдоэлемент before;

- Наследуем фон от родителя;

- Делим высоту на ширину и умножаем результат на сто чтобы получить значение для padding-top;

- В результате получаем следующие стили:

.image {
 background-size: 0 0;
}

.image:before {
 content: '';
 display: block;
 padding-top: 56.25%;
 background-image: inherit;
 background-repeat: no-repeat;
 background-size: cover;
}
Пример на codepen.


II. Через свойство object-fit.

Если поддержка браузеров вас устраивает и вы знаете значение одной из сторон картинки, то вы можете использовать свойство:

object-fit: cover;

Если ширина картинки равна 500px, а соотношение сторон должно быть 4:3, то все что остается сделать это:

(3 / 4) * 500 = 375

В итоге стили будут выглядеть примерно так:

img {
 width: 500px;
 height: 375px;
 object-fit: cover;
}

Если вам интересно то, о чем я пишу - можете заглянуть ко мне в группу вк или телеграм канал.

Показать полностью
[моё] HTML CSS Верстка Frontend Картинки Web-программирование Пропорции Web Текст
0
10
DELETED
5 лет назад

Увеличить зону кликабельности ссылки — HTML/CSS⁠⁠

Допустим у нас есть страница с превью новостей:

Увеличить зону кликабельности ссылки — HTML/CSS Frontend, Web-программирование, Ссылка, Верстка, Теги, HTML, CSS, Фронтендеры

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

Способа три: плохой, злой, хороший.


Плохой

Просто обернуть и заголовок, и картинку в ссылку:

<div>
 <a href="#"><img src="image.jpg"></a>
 <h2><a href="#">text</a></h2>
</div>

Злой

Обернуть все в одну ссылку:

<a href="#">
 <img src="image.jpg">
 <h2>text</h2>
</a>

Хороший

Разместить ссылку в заголовке. Расширить область ссылки на всю карточку с помощь псевдоэлемента :before:

<div>
 <img src="image.jpg">
 <h2><a href="#">text</a></h2>
</div>

<style type="text/css">
div {
 position: relative;
}

a:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
</style>

Конечно я утрирую и вы можете использовать любой из этих трех вариантов, но мой совет использовать последний :)

Показать полностью
[моё] Frontend Web-программирование Ссылка Верстка Теги HTML CSS Фронтендеры
32
8
DELETED
5 лет назад

Resource Override⁠⁠

В этой заметке я попытаюсь сделать краткий обзор браузерного расширения Resource Override.


Для чего предназначен?

Подменять стили указанного сайта своими.


Зачем?

Дебаг css и js на боевом сайте.


Установка

Переходим по ссылке и жмем на кнопку установить.


Подробнее

Resource Override CSS, Javascript, Frontend, Web, Web-программирование, IT, Верстка, Видео, Длиннопост

На странице настроек доступы четыре действия:

— Подменить файл другим через URL;

— Подменить файл другим через файл;

— Вставить свой файл;

— Подменить заголовки.


Последним я не пользовался, поэтому расскажу о первых трех.



Через URL

Допустим вы разрабатываете на локалке. У вас настроен сборщик, который поднимает сервер.

В итоге URL выглядит как-то так — localhost:3000


Стили компилируются в один bundle — styles.min.css, который также используется на боевом сайте. Это значит, что мы можем посмотреть, как будут выглядеть новые стили на проде.

Для этого достаточно добавить в группу новое правило: URL → URL


В поле from указываем на каком сайте мы хотим подменить стили, а в to — местоположение наших стилей:

https://site.com/styles.min.css → localhost:3000/styles.min.css

Через файл

Аналогично предыдущему способу, только вместо locahost:3000/styles.min.css необходимо вставить код во встроенный текстовый редактор расширения. Это удобно только для маленьких файлов.


Вставить свой файл

Уже без привязки к URL.

Если лень писать Chrome расширения — можно просто вставить кусок JS кода.


Если это вас заинтересовало и вы хотите узнать о расширении поподробнее, то советую посмотреть видео Kyle Paulsen:

Посты на эти и другие темы публикую в канале: https://t.me/filimonovvadim

И в группе вк: https://vk.com/filimonovvadim

Показать полностью 1 1
[моё] CSS Javascript Frontend Web Web-программирование IT Верстка Видео Длиннопост
0
55
MaxLisyanskiy
MaxLisyanskiy
5 лет назад
Web-технологии

С нуля до Frontend-разработчика. Начало⁠⁠

С нуля до Frontend-разработчика. Начало Веб-разработка, Frontend, Web, HTML, CSS, Верстка, Длиннопост

Всем привет,
произошел небольшой казус в прошлом посте (не знал всех правил редактирования постов, извиняйте), поэтому решил написать новый пост.

Как говорил ранее, все кто начинают обучение в веб-разработке сталкиваются с огромным количеством информации в сети и отсутствием практических навыков. Я не стал исключением.
Даже имея RoadMap и обучающие курсы,  происходит так, что мы учим сухую теорию и когда дело доходит до собственного проекта, руки и голова забывает как писать код.

Пересмотрев уйму информации в интернете, а также повторяя код за лектором, решил остановиться и начать свой путь заново, почти с нуля.

Сейчас хотел бы посоветовать небольшой план для людей, которые только начинают свой путь в веб-разработку:

1) Думаю, самый народный способ изучить основы HTML и CSS это воспользоваться бесплатными курсами от HTML Academy.
Затем эти знания можно закрепить пройдя бесплатные задания на FreeCodeCamp. (Basic)

2) Советую скачать бесплатно курс, который писал здесь (п. 2)

!Либо можете найти ссылку на скачивание zip-файла в комментариях в этом посте!
Посмотрев первый модуль, вы уже отточите свои базовые знания + будет настроено пространство.

3) После этого сразу советую изучить препроцессор CSS  (хотя его и ставят в середину обучения, считаю его надо учить сразу после основ). Про них можно узнать в модуле 2  - 025  из того курса, либо из любого другого видео на YouTube.

4) Изучаем основы Git/Github. Из курса Модуль 3 - 041, либо на YouTube. В начале необходимо уметь только пушать проекты в репозиторий. имхо)

+ также многие советуют выделять время на прочтение книг и изучения англа. Но я считаю, что лучше получать информацию с помощью интерактивных ресурсов (видео), а также стараться не распыляться на другие темы.

Сложно описать сколько времени у вас займет на обучение данного материала, но в среднем можно предположить 2/3 недели.

После этого можно уже с головой углубляться в верстку.

Мой план обучения на ближайшее время:
1) Практикуем верстку с помощью Bootstrap Grid (ее многие недолюбливают, но я хотел бы закрепить эти знания);
2) Продвинутая верстка с Flexbox без интерактива;
3) Стараемся настолько набить руку, чтобы могли сверстать почти любой проект без интерактива;
4) Основы JS;
5) Поверхностное изучения JQuery и добавления интерактива на сайты.
6) Продвинутый JS;
7) React.js
8) Создаем портфолио;
8) Стараемся устроиться на работу джуном.

План на следующую неделю:
1) Доделать проект из курса (модуль 2);
2) Найти и сверстать самостоятельно пару лендингов с помощью сетки + делать их "резиновыми".

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

Все получилось сумбурно, я еще дилетант в этом деле, так что рад любой критике и пожеланиям :)

Показать полностью
[моё] Веб-разработка Frontend Web HTML CSS Верстка Длиннопост
52
voi1i
5 лет назад
Web-технологии

CSS3 - Проблема с полупрозрачными границами⁠⁠

[моё] Css3 CSS Web Веб-разработка Frontend Верстка Pikaweb Видео
6
hidex
hidex
5 лет назад

No pain, no gain: Путь в web-разработчики с нуля. Отчет №5⁠⁠

No pain, no gain: Путь в web-разработчики с нуля. Отчет №5 IT, Javascript, Карьера, Верстка, Frontend, Длиннопост, Web, Блог

Цель: Junior Fontend Developer

Срок: Апрель

Обо мне: Студент 2 курса, 19 лет.

Я бежал потому что надо было бежать. Я не думал о том, куда это меня приведёт.
фильм "Форест Гамп"

Режим тренировки основных навыков:


1. Подъем в 06:00. Изучение IT материалов - 2 часа

2. После 20:00 - Снова ботаем IT - 3 часа

3. Верстка из psd по видео урокам 1-2 макета в неделю


Режим дополнительных тренировок:


– Изучение литературы для саморазвития

– Вузовские заморочки (Нужно закрыть второй семестр досрочно, чтобы в апреле ходить по собесам, соответственно не пренебрегать шарагой)


Сознательные ограничения:


– Не курить

– Не пить алкоголь (и энергетики, серьезно, с этой штукой пора завязывать)


Уровень мотивации 7.4/10


Итоги недели:


1. Разобраны методы массивов, делегирование событий, механизм всплытия\погружения событий, таймер и интервал, промисы, дошел до 8й главы первой части learn.javascript

2. В качестве практики написал калькулятор, карусель, логику для валидации нескольких форм, начал начал писать небольшую игру-кликер.

3. Практически дочитал "Принципы" Рэя Далио, на следующей неделе, скорее всего, распишу впечатления от нее.

4. Немного почитал книгу "Цель" Э.Голдратта, + в комментариях к прошлому посту посоветовали книгу тоже думаю разобрать.


Проблемы, с которыми столкнулся:


1. До нг осталось 2 недели, за это время нужно сдать все зачеты, поэтому сейчас крайне мало времени. Думал после этого отчета взять перерыв до окончания сессии, но в итоге передумал, потому что слишком люблю рефлексию и не готов от этого отказаться.


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


3. Вроде бы я приобрел базовые знания js, пролистал многие курсы и они дают то, что я и так уже знаю, так что опять нужно решать что изучать дальше. Пока стараюсь делать акцент на практике, но чутка погряз в теории. Многое из того что сейчас изучаю - не знаю где применить. Те же промисы и классы, поэтому не понятно стоит ли дальше погружаться в js или  обратить внимание на такие вещи как: разбиение проекта на работу с модулями\таск менеджерами\сборщиками проекта. Ведь изучать js вдоль и поперек можно чуть ли не бесконечно, а фронту, тем более джуну, врятли нужно сверхглубокое знание js

Показать полностью 1
[моё] IT Javascript Карьера Верстка Frontend Длиннопост Web Блог
5
hidex
hidex
5 лет назад

No pain, no gain: Путь в web-разработчики с нуля. Отчет №4⁠⁠

No pain, no gain: Путь в web-разработчики с нуля. Отчет №4 IT, Javascript, Карьера, Верстка, Frontend, Длиннопост, Web, Блог

Цель: Junior Fontend Developer

Срок: Апрель

Обо мне: Студент 2 курса, 19 лет.

Решите для себя! 1. Чего вы хотите? 2. Какова объективная реальность? 3. Что вы планируете для этого сделать?

Рэй Далио


Режим тренировки основных навыков:

1. Подъем в 06:00. Изучение IT материалов - 2 часа

2. После 20:00 - Снова ботаем IT - 3 часа

3. Верстка из psd по видео урокам 1-2 макета в неделю


Режим дополнительных тренировок:


– Изучение литературы для саморазвития

– Вузовские заморочки (Нужно закрыть второй семестр досрочно, чтобы в апреле ходить по собесам, соответственно не пренебрегать шарагой)


Сознательные ограничения:


– Не курить

– Не пить алкоголь (и энергетики, серьезно, с этой штукой пора завязывать)


Уровень мотивации 8/10

Итоги недели:


1. Разобраны следующие темы по js: замыкания, привязка контекста, создание объектов через функции-конструкторы, прототипы, классы, методы массивов.

2. Нашел  курс по js (webformyself), который ведет Владилен Минин. Очень пришелся по вкусу + у него есть канал на ютубе, где есть разбор сложных тем(прототипы, контекст и тп). Пройдено 42 урока.

3. Прочитал 1/3 книги "Принципы" Рэя Далио.


Проблемы с которыми столкнулся:

1. Очень залагал на теме ООП, но в итоге освоил материал (смотрел лекции Лаврика и Минина).

2. Мало практики. Решая задачки, прилагаемые к главам в учебнике, заметил, что ГОРАЗДО эффективнее усваивается материал, поэтому искал ресурсы для практики. В итоге наткнулся на сайт

3. Уже  недели 2 как подзаброшена верстка. Изучение JS оказалось гораздо интереснее верстки, но мне нужно владеть и тем и другим.

Показать полностью 1
[моё] IT Javascript Карьера Верстка Frontend Длиннопост Web Блог
5

Попробовать мобильный офис

Перейти
Партнёрский материал Реклама
specials
specials

Мобильный офис до 100 тысяч рублей⁠⁠

Ноутбуки используют не только для работы: на них смотрят сериалы, редактируют фото, запускают игры и монтируют ролики. Поэтому теперь требования к устройству такие: быть легким для дороги, надежным для горящих дедлайнов и стильным, чтобы не прятать в переговорке. А еще — легко работать в связке с другими гаджетами.

Протестировали TECNO MEGABOOK K15S вместе со смартфоном TECNO CAMON 40 и наушниками TECNO в рабочих и бытовых сценариях от Zoom-звонков до перелета, а теперь рассказываем, как себя показала техника.

Первое впечатление от дизайна ноутбука

Первое, что заметно — это вес. При диагонали 15,6 дюйма и полностью металлическом корпусе K15S весит всего 1,7 кг. Это примерно на 15% меньше, чем аналоги. Устройство не обременяет ни в офисе, ни в такси. Ноутбук поместился в стандартный городской рюкзак, было удобно достать его в кафе за завтраком и по дороге в такси, чтобы быстро отработать клиентские правки.

1/4

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

Шарнир работает мягко: чтобы открыть крышку даже одной рукой, не нужно придерживать корпус. Чтобы показать коллеге или клиенту презентацию, достаточно раскрыть экран на 180°. Это удобно и для работы лежа, и для подставок, которые требуют определенного угла обзора.

Также отметим 9 портов: USB-A, USB-C, HDMI, слот для карты памяти — можно забыть о переходниках.

В TECNO MEGABOOK K15S предустановлен Windows 11. Ноутбук готов к работе сразу после включения. Никаких лишних установок и обновлений. Все настроено и оптимизировано для вашей многозадачности.

Экран: яркая картинка и комфорт ночью

Экран — 15,6 дюйма, IPS-матрица с разрешением Full HD. Углы обзора отличные: изображение остается четким, даже если смотреть сбоку, цвета не искажаются. Есть антибликовое покрытие. Тестировали ноутбук при разном освещении: можно спокойно работать у окна. Когда солнце бьет прямо в экран, текст по-прежнему остается читаемым, картинки не искажаются. Это редкость в бюджетных моделях.

1/2

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

Стеклокерамический крупный тачпад — 15 см. Он не залипает, не промахивается, срабатывает с первого касания. Не возникает дискомфорта, даже если несколько часов редактировать документы без мышки. После перехода с других устройств немного непривычно, что тачпад работает в двух направлениях: нижняя часть отзывается нажатием, верхняя — касанием.

В кнопку питания встроен сканер отпечатка пальцев. К нему можно быстро привыкнуть, особенно если сидишь в опенспейсе или работаешь в дороге. Один легкий тап пускает в систему даже с мокрыми руками. Безопасно, удобно и не нужно постоянно вводить пароли.

Производительность: рендерим видео, открываем вкладки

Ноутбук работает на AMD Ryzen 7 5825U (опционально можно выбрать версию техники Intel Core i5-13420H). Восьмиядерный AMD с поддержкой 16 потоков подходит для ресурсоемких операций вроде рендеринга или работы с большими массивами данных. Встроенная графика Radeon справляется с редактированием видео в Full HD или играми.

1/4

Во время монтажа 30-минутного ролика в DaVinci Resolve и параллельной работе в Photoshop с несколькими большими PSD-файлами система сохраняла стабильность. Не было ни зависаний, ни заметного падения производительности. Ноутбук уверенно держит в фоне 10 приложений одновременно. Если запущены браузер с 20 вкладками, видеозвонок в Telegram, Excel с объемной таблицей и софт для монтажа, система не тормозит и не перегревается. Переход между окнами остается плавным, ничего не «проседает», даже при одновременном скачивании файлов и редактировании видео.

Базовая комплектация включает 16 ГБ оперативной памяти в двух слотах. При необходимости можно легко увеличить этот показатель до 32 ГБ, заменив стандартные модули на более емкие. Помимо установленного SSD на 1 ТБ предусмотрен дополнительный слот, поддерживающий диски объемом до 2 ТБ.

Чтобы во время нагрузки системы охлаждения не выходили из строя, в ноутбук встроен эффективный вентилятор, способный рассеивать до 35 Вт тепла. Устройство не греется, его спокойно можно держать на коленях. Это решение дополнено тремя режимами работы, которые переключаются простой комбинацией клавиш Ctrl+Alt+T. Тихий режим идеален для работы ночью или в общественных местах, сбалансированный подходит для повседневных задач. Производительный, на котором запускали рендеринг видео и игры, практически не шумит.

Автономность: 15 часов без подзарядки

Протестили автономность MEGABOOK K15S в условиях, знакомых каждому деловому путешественнику. Утром перед вылетом зарядили ноутбук до 100% и взяли его в рейс Москва — Калининград. В зале ожидания провели созвон, потом три часа смотрели сериал и в дороге до отеля редактировали документы. К моменту приезда оставалось 40% заряда: хватило бы еще на пару часов продуктивной работы.

1/3

MEGABOOK K15S может автономно работать до 15 часов и позволяет не оглядываться на индикатор заряда. Заявленное время достигается при типичном офисном использовании: одновременная работа с документами в Word и Excel, ведение переписки, видеоконференции, веб-серфинг.

Если все же понадобится, за  час восполняется до 70% батареи. Компактный адаптер мощностью 65 Вт на базе нитрида галлия поместился даже в карман пиджака. Один блок питания заряжает и ноутбук, и смартфон, и наушники. Экономия места: не нужно никаких дополнительных проводов.

Звук, который реально слышно

В TECNO MEGABOOK K15S установлены два мощных динамика по 2.5 Вт. Звук с глубокими низами, без пластикового дребезжания, объемный. Благодаря DTS можно смотреть видео даже в шумном помещении. В тестах специально включали сцены с шагами и выстрелами: локализация настолько точная, что в наушниках нет необходимости.

Та же стабильность и в микрофоне. Благодаря AI-шумоподавлению голос передается чисто. Во время тестовых звонков из оживленного кафе собеседник не услышал ни разговоры за соседним столом, ни городской шум. И все это — на расстоянии до пяти метров.

Кстати, о созвонах. В ноутбуке встроена обновленная камера. Она отслеживает положение лица, а еще есть физическая шторка приватности. Например, можно закрыть шторку для комфортных видеоконференций.

Для тех, кто предпочитает гарнитуру, идеально подойдут беспроводные наушники TECNO FreeHear 1 из экосистемы бренда. Когда не хотелось делиться разговорами с окружающими, подключали их. Чистый звук с акцентом на средние частоты, 11-мм драйверы, которые выдают неожиданную детализацию. Музыку слушать приятно: и фоновый плейлист на телефоне, и вечерний сериал на ноутбуке. Автономно работают наушники 6 часов, с кейсом — до 30 часов. 

1/2

Bluetooth 5.4 обеспечивает стабильное соединение на расстоянии до 10 метров. Удобная C-образная форма разработана специально для длительного ношения — после восьмичасового рабочего дня в ушах не возникает дискомфорта. Наушники поддерживают одновременное подключение к ноутбуку и смартфону. Переключение между устройствами происходит быстро и без заминок.

Через фирменное приложение Welife можно выбрать один из четырех эквалайзеров и отследить местоположение гарнитуры в случае утери. А еще кастомизировать виджет для управления наушниками. Функция настройки персонализированного дизайна доступна для устройств на Android и позволяет гибко изменить внешний вид окна подключения: вплоть до установки фоновой картинки или собственного фото.

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

Бесшовная синхронизация со смартфоном

Благодаря функции OneLeap ноутбук синхронизируется со смартфоном TECNO. Подключение происходит за пару секунд: достаточно один раз подтвердить сопряжение. После этого открывается доступ к бесшовному переключению между устройствами — объединенному буферу обмена, дублированию экранов и передаче файлов без кабелей и пересылок в мессенджерах.

Функция выручила, когда нужно было открыть приложение, у которого нет веб-версии. Удобно работает и буфер обмена: скопировал текст на одном устройстве — вставил на другом. Например, код, полученный в сообщении на телефоне, вводится в браузере на ноутбуке. Экономит минуты, а иногда и нервы. А когда в дороге пропал Wi-Fi, ноутбук сам подключился к мобильному интернету через смартфон.

1/2

TECNO CAMON 40 и сам по себе — мощный рабочий инструмент.  Смартфон выделяется камерой высокого качества 50 Мп, ярким AMOLED-экраном 120 Гц и множеством функций, которые упрощают процесс мобильной съёмки и использование искусственного интеллекта TECNO AI.

Телефон работает на HIOS 15.0.1 на базе Android 15.В фирменную оболочку встроен искусственный интеллект:

  • Голосовой помощник Ella. Отвечает на вопросы, помогает с задачами и управлением устройством.

  • Решение задач. Наводите камеру на задачу, ИИ решает ее.

  • AI Редактор фотографий. Интеллектуальная обработка в одно касание.

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

Технические характеристики

  • Процессор и память. 8 ядер, 16 потоков, Кэш L3 16 МБ, частота до 4.5 ГГц Графический процессор AMD Radeon™ graphics SSD 512 ГБ или 1 ТБ, М.2, 2280, PCle 3.0 Nvme DDR4 16 ГБ, 3200 МГц.

  • Дисплей. 15.6", TFT, Full HD (1920×1080), 16:9, 280нит, 45% NTSC, 16.7 млн цветов, 60 Гц, 141 ррі.

  • Веб-камера. 1 Мп, шторка приватности.

  • Порты. 9 портов: 1*TF Card (microSD), 1*HDMI 1.4, 1*USB-A 3.1,

    1*USB-A 3.2, 1*3.5mm аудиовход, *Ethernet RJ45 до 1 Гбит, 2*Туре-С (Full Function), 1*слот для замка Kensington.

  • Другое. Сканер отпечатка пальца в кнопке питания. Клавиатура с подсветкой (4 уровня яркости). Тачпад с поддержкой одновременно 4 касаний.

  • Батарея. 70 Вт∙ч (6150 мА∙ч), Li-Pol, 11.55 B 65 Вт Type-C GaN, 20 В, 3.25 А, кабель 1.8 м (Туре-С-Type-C).

  • Габариты. 17.3 мм (высота), 359.5 мм (ширина), 236 мм (глубина).

  • Вес. 1,7 кг.


Если хотите создать собственную экосистему, в которой технологии подстроятся под ритм дня, попробуйте технику TECNO. Мощный ноутбук, быстрый смартфон и наушники соединяются в единое пространство. Быстрое переключение между устройствами, синхронизация файлов и стабильное соединение без лишних настроек.

КУПИТЬ НОУТБУК TECNO

Реклама TECNO Mobile Limited, Юридический адрес: Flat N, 16/F., Block B, Универсальный промышленный центр, 19-25 Shan MeiStreet, Fotan, New Territories, Гонконг

Показать полностью 17
Электроника Гаджеты Ноутбук Длиннопост
1
hidex
hidex
5 лет назад

No pain, no gain: Путь в web-разработчики с нуля. Отчет №3⁠⁠

No pain, no gain: Путь в web-разработчики с нуля. Отчет №3 IT, Javascript, Карьера, Верстка, Frontend, Длиннопост, Web, Блог

Цель: Junior Fontend Developer

Срок: Апрель

Обо мне: Студент 2 курса, 19 лет.


Ты можешь сказать, что у тебя плохая генетика, плохой обмен веществ, а можешь просто поднять свою задницу с дивана и начать работать над собой, задаться целью и верить в себя. В этом случае ты обязательно добьешься успеха.

Арнольд Шварцнеггер


Режим тренировки основных навыков:


1. Подъем в 06:00. Изучение IT материалов - 2 часа

2. После 20:00 - Снова ботаем IT - 3 часа

3. Верстка из psd по видео урокам 1-2 макета в неделю


Режим дополнительных тренировок:


– Изучение литературы для саморазвития

– Вузовские заморочки (Нужно закрыть второй семестр досрочно, чтобы в апреле ходить по собесам, соответственно не пренебрегать шарагой)


Сознательные ограничения:


– Не курить

– Не пить алкоголь (и энергетики, серьезно, с этой штукой пора завязывать)


Уровень мотивации 8/10


За спиной очередная неделя, это значит что пришло время очереденого отчета.


Итоги недели:

1. Основательно повторил js (примитивные типы данных, объекты, массивы, их типы, обычные и стрелочные функции, контекст вызова, отличие let, const от var)

2. Разобрался с gulp. Посмотрел несколько видео и статей, но в итоге не смог сделать обновление страницы с помощью browserSync так, как показывалось в примерах (у меня для gulp.watch метод browserSync.reload обновлял страницу при первом изменении файлов, а на дальшейшие изменения не реагировал). В результате, выкрутился с помощью метода "on" и события "change" , теперь обновление страницы работает. Почему примеры из статей и видео не сработали  правильно - загадка.

3. Начал изучать react. Решая, какой курс выбрать для прохождения наткнулся на интересный курс "React + redux - профессиональная разработка", привлекла манера повествования в вводных уроках + хорошие отзывы + в первом блоке разбирается синтаксис ES6, который я так же очень хотел закрепить.


Проблемы, с которыми столкнулся:

1. Список тем, в которых пока что плаваю: конструкторы, создание объектов через оператор new, прототипы, классы, замыкания, привязка контекста, промисы.

2. Список задач на неделю - ужасная идея. Создается чувство, как-будто ты кому-то что-то пообещал и делаешь одолжение, соответственно, желание выполнять такую работу жестко падает.

3. У репетитора по английскому проблемы со здоровьем, в связи с которым он не может продолжить мое обучение в ближайшее время. Хочу потратить это время на чтение книг для саморазвития. В данный момент начал читать "Принципы" Рэя Далио. Буду рад рекомендациям по этому вопросу.



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

Показать полностью
[моё] IT Javascript Карьера Верстка Frontend Длиннопост Web Блог
14
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии