Автор статьи: IMWeb Команда IMWeb Источник исходного текста:Сообщество IMWebВоспроизведение запрещено без согласия
Введение
Эта статья описывает как можно больше, и пытается подумать и описать проблему как «front-end разработчик». Конечно, область применения не ограничивается самим интерфейсом, у самой технологии нет границ, как и у мышления и сознания.Самое большое чувство от поездки в Шанхай на этот раз: не ставьте себе границ.
текст
Общие видео можно найти с помощью поиска Google. Контент не вводится один за другим.Тема конференции разработчиков Google в этом году: Расширение возможностей разработчиков!Здесь я пишу некоторые взгляды, которые я видел, слышал и о которых думал. Взгляды и суждения о будущих тенденциях не обязательно являются зрелыми и правильными взглядами, а просто для справки. Наконец, добро пожаловать на общение, трапезу, обсуждение технологий и разговоры о жизни, которая является счастливой вещью.
Тренд 1: Веб-технологии вступили в период стабильного развития
Резюме: Техническое продвижение по-прежнему является продолжением PWA, AMP и Lighthouse.Запуск Web.dev также свидетельствует о том, что техническое развитие превратилось из технической разработки в разработку приложений.Эпоха дивидендов фронт-энда закончилась!
1) PWA и AMP здесь не рассматриваются, большинство студентов должны их знать или уже разработали.
Workbox уже великолепен, и хорошо заниматься проектированием вместе с бизнесом. AMP для Tencent? Итак, мы являемся раздатчиками трафика. Может быть, когда вы отправитесь в будущее, чтобы начать бизнес, вы сможете уделять больше внимания. Особенно перед лицом международного рынка значение по-прежнему велико.
В ожидании поддержки поиска в APP Store и на рынке приложений эра WebApp продолжит бурно развиваться благодаря популяризации автономной установки настольных приложений. Когда эти две возможности будут поддерживаться, ценность внешнего интерфейса будет действительно увеличена! Это похоже на то, что Android и Apple стали WeChat, а интерфейс похож на разработку небольших программ. Это максимизирует ценность разработки интерфейса и снижает стоимость разработки приложений.
Конечно, в этот период техническое решение, похожее на флаттер, все еще может заставить студентов-клиентов продолжать блистать. Развитие Интернета не заменит клиента, а только сделает отрасль более процветающей, нативная будет иметь ценность, и Интернет тоже будет процветать.Возможно, в конце концов это действительно будет развиваться в направлении большого переднего конца, характер технологии удивительно похожа. Неважно, какой план, сколько поворотов, а в итоге обнаружилось, что они идут в одно и то же место.
2) Lighthouse встроен в инструменты разработчика Chrome, что удобно для разработчиков, чтобы определять и оценивать производительность страницы.
В этом году был добавлен web.dev;web.dev/measureОн измеряет рейтинг вашей страницы. Заставляет задуматься о производительности вашего сайта.
Lighthouse и web.dev по-прежнему имеют множество применений: их можно использовать как часть нашей разработки и решить некоторые простые проблемы тестирования и оптимизации, такие как отсутствующие файлы ресурсов и меры по улучшению страницы. Его стандарты могут быть не полностью адаптированы к бизнесу.В будущем мы также можем внести некоторые индивидуальные оптимизации для совместного создания сообщества.
3) Нативизация веб-возможностей
В этом году на конференции Google Developers Conference новые интерфейсные технологии больше связаны с введением некоторых новых API, совместного использования, файловых систем и более усовершенствованных API. В будущем возможности Интернета будут все ближе и ближе к возможностям Натива. Из-за существования Nodejs многие команды используют front-end как back-end разработку, например, когда я пришел в первый год, это была back-end разработка. Итак, вот в чем проблема. Почему интерфейс нельзя использовать в качестве нативной разработки? На самом деле все в порядке. Термины, которые вы видите ниже, на самом деле могут поддерживаться в будущем Web. Таким образом, это означает, что Интернет становится все ближе и ближе к нативу.
4) TWA захватывающая вещь!
Ниже описано, что такое TWA, какие функции есть у TWA и преимущества TWA.
TWA в сочетании с PWA станет прототипом формального веб-приложения в будущем.. Когда появился TWA, поддерживающий поиск в Google Play и App Store, это стало началом новой эры Интернета. Конечно, все это займет время.
Тренд 2: Могут ли Google, вернувшийся к нативным приложениям, и Apple, подтянувшая динамику, вселить больше доверия к нативным разработчикам
Возможно, вы обнаружите, что количество разработчиков IOS и Android в команде сокращается, особенно очень успешных продуктов в прошлом, и соответствующая команда APP также испытывает сейчас большое давление, что является общей проблемой, с которой сталкивается отрасль. Да! Из-за непрерывного развития Интернета, зрелости решений, подобных RN и аплетам, и улучшения всей экосистемы Nodejs отражается нехватка талантов переднего плана. Сами таланты также будут течь в направлении жизнеспособных технологий, что также является неизбежной тенденцией.
Но значит ли это, что внешний интерфейс более ценен, чем клиент? Конечно, нет, можно только сказать, что нехватка кадров в отрасли заключается в том, что внешний интерфейс больше, чем клиентский. Может ли фронтенд заменить клиента, конечно нет! Однако появление дротика дало клиенту еще одну возможность прорваться через себя, а внешний интерфейс также открыл новые возможности и проблемы. Тот, кто получит больше места в этой области, будет иметь больше возможностей влиять на будущие технологические тенденции в будущем.
Вернемся к теме этого года: Android 10! —— Сосредоточьтесь на контролируемой конфиденциальности, настройке мобильного телефона и эффективности использования! Больше основных моментов Android 10 здесь! Самая большая привлекательность — это темная тема и общая операция по очистке. Это самое интуитивно понятное изменение, которое вы можете увидеть в Android 10.
После того, как пользователь активирует его, виртуальные кнопки и панель навигации больше не будут отображаться в нижней части экрана, а останется только панель индикаторов. предыдущий уровень также соответствует iOS. Это действительно что-то показывает:Не только стили дизайна имеют тенденцию быть похожими, но и тенденция пользовательского опыта постепенно становится однородной.!
В этом году о Kotlin говорили очень мало, и это была больше пропаганда в сторону Flutter. Koltin позиционируется как стратегический язык Google, и теперь, когда Go находится в самом разгаре, я считаю, что Kotlin в будущем все еще стоит с нетерпением ждать. Тем не менее, по сравнению с скромным накоплением Kotlin, Flutter действительно заслуживает большего внимания в краткосрочной перспективе. Flutter to Web официально включен в Master, что действительно оказывает большое влияние на большое поле интерфейса.Действительно ли решение RN выходит из строя?, Это интересный вопрос.
Кратко опишите дизайн Flutter:
Общий иерархический дизайн дизайнеров был следующим: 1) Embedder - это уровень адаптации операционной системы для достижения параметров рендеринга Surface, наборов потоков, платформ и зависимых от платформы подключаемых модулей и других характеристик адаптации. 2) Слой движка состоит в основном из Skia, Dart и Text для достижения механизма рендеринга Flutter, функций макета текста, обработки событий и т. д. во время выполнения Dart. 3) Слой фреймворка — это UI SDK Dart, реализованный с анимацией, функциями рендеринга графики и распознаванием жестов. AOT и JIT — это одна из составляющих самого Dart, это действительно регресс.
Дизайн Flutter также опирается на компонентизацию RN, а Widget является краеугольным камнем Flutter! Flutter официально выпустил версию 1.9 на конференции GDD, включающую в себя возможности 2Web. Теперь, когда вы оплатили основную версию Flutter, вы можете испытать веб-разработку Flutter 2. Ниже приведен пример простого списка беспроводных сетей. Как показано на следующих двух рисунках, компоненты по-прежнему являются узлами DOM, а размер сжатого файла составляет около 1,3 М, что вполне приемлемо. В качестве решения для резервного копирования данных это по-прежнему приемлемо. Что касается более подробного преобразования свойств CSS и мониторинга прокси событий, я поделюсь с вами более подробно после практики.
2 изображения выше — демонстрация создания списка бесконечных циклов на основе Flutter To web.
Скорость индустриализации Flutter по-прежнему очень высока, а опыт разработки очень крутой. Тем не менее, язык Dart может иметь некоторые затраты на обучение для фронтенд-разработки. Но команды, заинтересованные в кросс-платформенной разработке, могут использовать All In. В эпоху большого фронтенда разве может быть меньше разработчиков терминалов, будь то Kotlin, запущенный Google, или Swift, запущенный Apple, включая нынешний Flutter, все они появляются перед нами в нужное время. Разработчики терминалов по-прежнему должны быть на вершине волны в области большого интерфейса и способствовать процветанию отрасли.
Быстрое развитие внешнего интерфейса во многом связано с основой и стандартами построения интерфейсных сервисов Chrome.В области клиентской части по-прежнему не хватает инструмента, который может повысить производительность каждого. Будь то Swift или Kotlin, они решают одну часть проблемы, и у меня есть предчувствие, что **решение Flutter может стать вторым Chrome** в ближайшем будущем! Станьте настоящим «кроссплатформенным решением» в отрасли! Похоже на маленькую программу, но не маленькую программу. Это может быть интересное направление. Отрасль также недавно представила стандарт для мини-приложений, но у него есть некоторые проблемы.
Тенденция 3: ускоренное производство TensorFlow и ARCore
На конференции Arcore Google Arcore Team представила функцию навигации на базе Didi Taxi's AR Didi, отслеживание движения и понимание окружающей среды и навигацию на окружающую среду, а также навигацию на карте в комплексных сценах; Meitu использовал расширенный API для создания функций камеры, чтобы помочь пользователям снимать больше веселых интересных фотографий; JD .com разработал образовательное программное обеспечение, которое использует расширенный API изображения для генерации трехмерных динамических моделей через буквы, чтобы помочь детям узнать более образно. С появлением ERA 5G было найдено более практические сценарии.
В этом году нет выбора, чтобы слушать TensorFlow. Я много слышал в прошлом году. По сравнению с прошлым годом китайский язык этой юной леди не сильно улучшился. Тем не менее, это все еще может быть выражено очень ясно, очень мощно!
TensorFlow уже хорошо известен в Китае, но на самом деле в отрасли существует множество решений, похожих на TensorFlow. Если я спрошу вас, если вы чисто с точки зрения фронтенд-разработчика и не разбираетесь в области машинного и глубокого обучения, предполагается, что вы не сможете назвать несколько продуктов одного типа. Такие как Theano, Caffe, keras и т. д. Эти существительные не очень важны, но вы, вероятно, знаете TF! Оценив, что ваша команда хочет сделать, она попробует TensorFlow, чтобы увидеть, есть ли у нее уже такие возможности. GDD устроила однодневную Тему для ТФ, и действительно приложила большие усилия для ее продвижения. Благодаря сильным возможностям технического продвижения Google, TF действительно в значительной степени глубоко укоренился в Китае. Поэтому, когда мы когда-нибудь захотим продвигать технологию, необходимо изучить план глобального продвижения ТФ.
Тенденция 4: Разделенные культурные и технологические границы, которые будут продолжать нарушаться в будущем
Удивительно, но есть тема, которая на самом деле обсуждалась «Когда технологии встречаются с искусством и культурой», что действительно удивительно. Вы говорите, технологическая компания, болтающая с вами о культуре, это не страшно! Конечно, сочетание искусства и культуры — это машинное обучение.Технологии могут изменить жизнь, повлиять на жизнь и, возможно, доминировать над ней. Вы можете открыто обнять его, но это действительно надвигающееся рабство.
На конференции разработчиков я долго общался с их техническими разработчиками и обнаружил, что они не до конца понимают китайских разработчиков. Тоже не совсем понятно, чего мы хотим. Но они готовы общаться, любят слушать и хотят, чтобы мы были частью их цели — служить разработчикам по всему миру. В будущем все больше и больше китайских разработчиков будут участвовать в процессе глобализации технологий.В прошлом году у меня не было такого сильного ощущения, но когда я снова поеду в этом году, я уже чувствую, что есть такое сильное ощущение. Возможность, это недалеко от одноклассников по развитию Tencent.
Тенденция 5: Тенденция развития фронтенд технических талантов
A 型人才观 {
技术型、产品型、业务型
}
«Концепция таланта А-типа» — это слово, которое я думаю о себе. Объясните, почему вы пришли к идее таланта типа А. Технология слева, продукт справа, а бизнес посередине! По сравнению с бэкенд-разработкой, фронтенд-разработка имеет больше преимуществ, поскольку мы следим за пользователями и можем предлагать пользователям продукты и опыт. Даже если будущая интеллектуальная модель сможет реализовать автоматическую компиляцию и генерацию кодовых функций, она все равно потребует от людей разработки персонализированных потребностей, а эпоха полной замены людей еще далека. Хотя скоро наступит век интеллекта.
В период стабильной технологии, в чем ценность front-end разработки?Этот вопрос на самом деле немного странный! Возможно, фронтенд-разработка за последние 2 года может собрать всестороннее техническое накопление фронтенд-разработчиков за последние 10 лет. Мне очень повезло, что я работаю всего 3 года. Те, кто накопил в отрасли десять лет назад, догнали дивиденды интернет-производства, но не догнали дивиденды, накопленные технологиями. Стремительное развитие отрасли является залогом их успеха в этом году. Сегодня, в относительно стабильной среде роста Интернета, с накоплением большого количества талантов и появлением суперприложений, трудно иметь столько места для всех, чтобы делать ставки, как в прошлом. Таким образом, за каждым успешным продуктом сегодня значительно снижен фактор непредвиденных обстоятельств, и это скорее неизбежный результат и гениальный замысел.Тогда, в это время, это действительно способности и ценность, а не удача.
Итак, как выбирать в будущем и как улучшить свои всесторонние способности, полны проблем и вариантов выбора для всех.Это действительно интересное предложение, и я сам тоже запутался. Техническая ценность новых студентов скоро превзойдет ценность разработчика, проработавшего три года, как я. Особенно те, кто говорит мне: «Я начал программировать, когда мне было 13. Я пишу код уже 10 лет, когда закончу колледж». расти, мы должны сделать?
Развитие и итерация технологии также привели к отсталости самой технологии.! В частности, некоторые технические долги были слишком велики, чтобы двигаться вперед.Рост этих студентов-разработчиков может быть действительно страшной вещью. Затем, проработав много лет, какие основные ценности мы можем оставить позади, что снова сбивает с толку. Тревогу не продают, Тревогу нельзя продавать, с ней нужно столкнуться. Итак, возвращаясь к самому вопросу, мы видим, что [технология + промышленность] могут формировать ров разработчиков. Разумеется, другие модели компетенций, такие как управление, речь, ответственность и т. д., к самому техническому направлению отношения не имеют, а являются воплощением общей способности человека. Затем то, как справиться с итерацией продукта в период стабильной технологии и кризиса собственного будущего роста, стало основной проблемой, о которой должны подумать и решить следующее поколение студентов, изучающих передовые технологии.
С вашей точки зрения, перед лицом «талантов А-типа», как выбрать, как выбрать, добро пожаловать, чтобы оставить сообщение для обсуждения!
Сводная перспектива
Как веб-разработчик, наступил стабильный период технологий, и 2019 год также является началом нового этапа.Мы также можем рассчитывать на развитие веб-технологий в будущем. С окончанием демографического дивиденда эра All In mobile медленно подходит к концу, и официально началась эра многотерминального параллелизма. Уделите больше внимания полировке фактического опыта продукта и сосредоточьтесь на разработке деталей.
С технической точки зрения PWA вступил в стабильный период, а базовые возможности будут дополнены позже, такие как Push и offline. В настольных приложениях NW Electron будет постепенно разрушать область традиционной клиентской разработки, экономя время и усилия, и может унифицировать стек технологий. В этом году на конференции разработчиков WebAssembly не упоминалась, но wasm позволяет WebGl, а также аудио и видео иметь больше возможностей для развития в будущем. Поле кросс-энда по-прежнему очень оптимистично смотрит на будущее развитие Flutter.Это может быть следующий Chrome, окончательное решение для мобильной кросс-платформы. На языковом уровне TS, Dart и Go также вошли в область фронтенд-разработки. Наконец, три основных фреймворка и апплета, которые необходимо упомянуть, связаны со стандартизацией и веб-компонентами.
Кажущийся процветающим интерфейсным миром, с таким количеством сбивающих с толку вариантов, действительно интересная вещь. Это эпоха процветания, или ложное процветание, или саморазвлечение разработчиков, судите сами!
Подписывайтесь на нас
Команда IMWeb аффилирована с Tencent и является одной из самых профессиональных клиентских команд в Китае.
В течение многих лет мы занимались фронтенд-сферой и отвечали за предприятия миллиардного уровня, такие как информация QQ, регистрация QQ и группы QQ. В настоящее время занимается онлайн-образованием, тщательно совершенствуя три основных продукта: Tencent Classroom, Penguin Tutoring и ABCMouse.
Официальный сайт сообщества:
Присоединяйтесь к нам:
Отсканируйте код, чтобы следоватьИнтерфейсное сообщество IMWebОфициальный аккаунт, получайте последние хорошие статьи о внешнем интерфейсе
Weibo, Nuggets, Github, Zhihu можно искатьIMWebилиКоманда IMWebПодписывайтесь на нас.