Телеграм канал 'IT Верстальщик'

IT Верстальщик


1'732 подписчиков
909 просмотров на пост

Авторский блог про веб-разработку

Подборки сервисов, статей и новостей в мире front-end и back-end

Для рекламы: @devtgram

Детальная рекламная статистика будет доступна после прохождения простой процедуры регистрации


Что это дает?
  • Детальная аналитика 196'578 каналов
  • Доступ к 73'315'292 рекламных постов
  • Поиск по 279'655'166 постам
  • Отдача с каждой купленной рекламы
  • Графики динамики изменения показателей канала
  • Где и как размещался канал
  • Детальная статистика по подпискам и отпискам
Telemetr.me

Telemetr.me Подписаться

Аналитика телеграм-каналов - обновления инструмента, новости рынка.

Найдено 72 поста

​​Стоит ли использовать bootstrap в уникальном дизайне?

Если есть свои наработки, то я считаю, что bootstrap не нужен. Да и уникальный дизайн не удобно делать на bootstrap. Сам в повседневной деятельности, обращаюсь к bootstrap, но если блоки, container, не подходят под проект, проще написать самому, чем делать костыли и тратить время на адаптив вашего дизайна.
Подпишись на канал @frontend и получай отборную информацию из мира Frontend!

Сегодня мы рекомендуем:
1. Получаем точный тип элемента
2. Отслеживаем изменения в DOM
3. Большой список публичных Api для вашего проекта
4. Практика применения прокси-объектов в JavaScript 
5. Рассматриваем Marko.js - реактивный фреймворк от Ebay 

Подписывайся на канал 👉🏻 @frontend - спаси миньонов! ;)
Изображение
​​Шпаргалка Woocommerce #1

Вывод товаров Woocommerce




Вывод корзины через шорткод

[woocommerce_cart]

Ссылка для добавления товара в корзину WooCommerce

Добавить в корзину

[product] — когда нужно вывести какой-то определённый товар

[product id="122"]
​​JavaScript без верстки

Часто сталкиваетесь с рутиной верстки сайта? Если думали дальше развиваться в JS, попробуйте другие направления в языке:

1) Node.js
2) React-native, nativescript, titanium - для мобильный приложений, там есть подобие html/css, но все же только подобие.
3) https://github.com/kusti8/proton-native - для десктопа без html/css, но с реактом и что-то значительно более нишевое.
4) Ну, или идите в разработку SPA, там минимум верстки.
Пацаны из подкаста «Мы обречены» ведут охрененный канал про IT в телеге. Злой как дед-плюсист, искренний, как твой гнев на аджайл.

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

В общем — редкая вещь, тексты про суть индустрии, а не учебу и развитие. Подписывайтесь, там мощно.
Изображение
​​Что лучше для серьезной CRM: Vue или React?

Думаю самый верный ответ, без разницы.
То, на чем лично вы, или нанятые вами люди сумеют лучше сделать.

Как по мне React это что-то для лендингов. Что бы делать какое-то более серьезное приложение - не годится. А vue очень хорошо для больших проектов. Сыроват не vue, сыроваты библиотеки под него, вроде того же bootstrap.

Я знаю что airbnb и пр. Гиганты написаны на react, но боюсь - это не стоило того, чтобы потратить кучу времени на написание кучи велосипедов поверх самого React

Если дело в готовых компонентах и комьюнити, то берите React. React более популярен и востребован, вам будет доступно больше специалистов для дальнейшей техподдержки.

Про Vue писать много не буду. Если он раньше догонял в силу молодости, то сейчас уже обгоняет старичков, комьюнити растет, появляется множество компонентов
П.С. Сам я во Vue.js
​​JS тесты: Собеседование по JavaScript

Прохождение тестов позволит вам лучше подготовиться или найти пробелы в своих знаниях.
​​JavaScript Используется только в Frontend?

Возможности JavaScript:

1. Бэкенд на Node.js - довольно популярная ниша сегодня
2. Игрострой - на JavaScript можно управлять контентом в Canvas - чтобы рисовать графику и игры
3. Приложения для PC - Electron
4. Приложения для Android/IOS - React Native
5. В игрострое Unity, Unreal Engine и др. поддерживают JS

Очень активно сегодня используется, например, в Serverless разработке, skill для ассистентов, чатботах.

У JS высокая скорость распространения, так что спрогнозировать насколько он еще распространиться невозможно. Но и на данный момент, он достаточно сильно распространен.
​​SEO продвижение SPA приложений?

Во Vue, хорошо с этим справляется Nuxt.js, но как же другие?

Все поисковики уже индексируют страницы после исполнения JS-скриптов.
Т.е. не важно, что у Вас в SPA и как формируется контент скриптами: все текстовые строки - будут проиндексированы корректно.
Единственное, что важно: если у Вас будет несколько страниц в SPA (для прямого перехода сразу в нужное место внутри SPA через URL) - Вам необходимо это явно указывать:

1. через hash-тэги (в конце URL SPA: /SPA/#!/category/subcategory/....),
2. HTML5-History
3. meta rel ="canonical"
для корректности индексации нескольких виртуальных страниц поисковыми системами.
​​Практика построения объектов

Необходимые знания:

Базовая компьютерная грамотность, базовые знания HTML и CSS, знакомство с основами JavaScript (see First steps and Building blocks) и основами OOJS (Introduction to objects)

Цель:

Получение некоторой практики в использовании объектов и объектно-ориентированных методов в реальном мире
​​Как закреплять основы javascript на практике?

1. Попытайтесь писать код без постоянно открытой документации или вообще оффлайн. Только Вы и Javascript

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

2. Берите большие проекты на GitHub, пытайтесь вникнуть в них, конечно сразу получатся не будет.
​​Шпаргалка Wordpress #1

Ссылка на каталог:

Шаблон для создания страницы:


/*
Template Name: lorem
*/
 ?>

Ссылка на изображение:

style="background-image: url('/img/wallpaper.jpeg');"

Вывод статей: 

 

$args = array(
 'numberposts' => 7,
 'category_name' => 'post',
 'orderby' => 'date',
 'order' => 'DESC',
 'include' => array(),
 'exclude' => array(),
 'meta_key' => '',
 'meta_value' => '',
 'post_type' => 'post',
 'suppress_filters' => true,
);


$posts = get_posts( $args );

foreach ($posts as $post){ setup_postdata($post);
 ?>

Контент


      
   }

   wp_reset_postdata();

      ?>
Хотите быть в курсе всех последних событий в сфере IT?

https://t.me/T_e_c_h_4

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

Именно поэтому данный канал подходит для тебя!
👇
https://t.me/T_e_c_h_4 

📈Крутой канал с интересным контентом
🗂Качественные статьи, удобная подача
📘Создан для интересующихся технологиями людей
✅Заходи, будет интересно
Изображение
​​Почему верстка на div — не всегда хорошо?

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

Попробуйте использовать несколько из основных HTML5 Tag's такие как:
- header = шапка сайта
- main = оболочка для контента сайта
- footer = футер сайта
-- section = секция отдельных блоков
-- и т.д это тип основные

Дивы стандартные блоки, которые используются там, где нет возможности применить семантические теги. В любых иных случаях должны быть применены семантические теги. Это необходимо для поисковиков и для читабельности вашего кода. Таков стандарт html 5. Если вы не хотите соответствовать современным общепринятым стандартам, вы можете верстать хоть таблицами, но будте готовы к понижению позиций своего ресурса в поисковой выдаче, так же вряд ли кому то в дальнейшем понравится сопровождать ваш код.
Webchic - знаем про web все, но больше про фронтенд 😀

Публикации статей по тематикам:
-- nodejs
-- webpack
-- css
-- javascript
-- собеседования
-- CI/CD
-- архитектурные решения
-- алгоритмы

Материал разных уровней сложности, от junior до senior.
Изображение
​​Когда использовать ООП?

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

ООП – это управление сложностью/декомпозиция.
если вы делаете разовую маленькую задачу, заморачиваться им нет смысла.
​​​​Получаем БЕСПЛАТНО все курсы от GeekBrains!

1. Переходим на канал WEBSAFE  
2. Смотрим пост в закрепленном сообщении.
3. Сохраняем себе ссылку на облако с нужными курсами.

Так же на канале есть много БЕСПЛАТНЫХ слитых программ для защиты и взлома ваших устройств, мануалы по анонимности в сети, разоблачения мошеннических "схем заработка в интернете" и еще много полезной информации из этой сферы.

Подписывайся на канал WEBSAFE и убедись в этом сам!
Канал закрытый, осталось всего 200 мест на вход!
​​Для чего используются модули и пространства имен в TypeScript?

Зачем нужны Module и Namespace:

TypeScript появился еще до того, как в JavaScript, на котором он основан, появились какие либо модули, не то что нативные, даже эмуляций вроде commonjs или amd тогда еще не было. В те времена было в норме просто обернуть содержимое файла в замыкание, а потом либо просто подгрузить все файлы через тэг script либо просто соединить эти файлы в один. Наружу же высвечивалась одна единственная переменная, содержащая все публичное апи такого модуля, ее ложили или в глобальный объект или в другую такую-же переменную.
Конструкции module и namespace позволяют упростить создание таких переменных, избавив разработчика от написания однотипного кода. В этом плане они по сути делают одно и то же.
Сейчас это не рекомендованное использование, и стандартный плагин typescript к eslint с настройками по умолчанию запрещает эти конструкции.

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

module позволяют объявить виртуальные модули, о типах которых typescript не знает, например потому что они генерируются сборщиками вроде webpack. Яркий пример тут это css-модули или картинки, которые можно импортировать благодаря webpack, но typescript ничего не знает о их типах, поэтому нужно объявить их в глобальных декларациях
JavaScript test - канал, на котором выкладывают задачки по JavaScript разного уровня и решение на них.

Грех не подписаться на такой полезный канал 👉🏻 @js_test
Изображение

Найдено 72 поста