Juan Carlos Arias Ambriz, Developer in Guadalajara, Mexico
Juan is available for hire
Hire Juan

Juan Carlos Arias Ambriz

Verified Expert  in Engineering

User Experience (UX) Developer

Location
Guadalajara, Mexico
Toptal Member Since
June 6, 2016

Juan has over ten years of freelance UX experience. 他的项目范围很广，但都植根于他为用户提供最佳体验的承诺. Juan开发了一些高端客户使用的应用程序，并学会了在工作中完成细节的完美.

Front-endCSSJavaScriptHTML5Flash ActionScriptFlashReactTypeScriptUser Experience (UX)ReduxShopify CustomizationsAnimationJestGitVisual StudioShopify Theme

Portfolio

Toptal Clients
Shopify, CSS, HTML, JavaScript, React, api，前端，响应式设计...
Facebook
Recoil, Flow, GraphQL, Relay, Jest, React, JavaScript, Reason ML, api...
Sellution
CSS, HTML, JavaScript, APIs, Front-end, Responsive Design...

Experience

JavaScript - 11 yearsCSS - 11 yearsResponsive Web Design (RWD) - 7 yearsUser Experience (UX) - 6 yearsReact - 5 yearsTypeScript - 3 yearsJest - 2 yearsRedux - 1 year

Availability

Full-time

Preferred Environment

Visual Studio, Brackets, Git

The most amazing...

...我开发的是一个SPA框架，其中每个页面都是从JSON文件生成的, significantly simplifying the process of writing an app.

Work Experience

Front-end Engineer

2016 - PRESENT
Toptal Clients
  • 设计和开发了一个框架，以建立一个网站的真实状态，是完全响应和纯香草JavaScript编写.
  • 建立了一个电子商务卖家，并使用Liquid语言更新了他们的一些Shopify商店.
  • 在React中搭建平台，控制法律文件的发布.
  • 与客户合作构建Chrome扩展，并就项目方向提出建议，在不到6个月的时间内实现了2倍的增长.
  • Develop a microsite and admin site in AngularJS that will help redeem rewards of two different platforms; the admin included the development of components to help speed up the development process.
Technologies: Shopify, CSS, HTML, JavaScript, React, api，前端，响应式设计, Responsive Web Design (RWD), HTML5, TypeScript

Front-end Developer

2020 - 2021
Facebook
  • Learned ReasonML while developed a new product from scratch.
  • Helped in the effort to move from idea to alpha in 3 months, was in charge of half of the product flow.
  • 掌握了使用Recoil将代码移出React组件，简化了前端代码.
  • Formed part of the effort to type ads manager codebase using Flow.
Technologies: Recoil, Flow, GraphQL, Relay, Jest, React, JavaScript, Reason ML, api, Front-end, Responsive Design, Responsive Web Design (RWD), HTML5

Front-end Architect

2009 - 2019
Sellution
  • 创建了充当CRM和ERP的单页应用程序(SPA).
  • 开发了专有的框架和架构，以运行具有不同模块(如电子邮件)的复杂系统, virtual drive, and CRM.
  • 构建了一个平台，用于构建具有大量可定制内容的电子商务网站.
  • 创建了一个连接到社交媒体(如YouTube和Twitter)的UI，以帮助监督用户的在线状态.
Technologies: CSS, HTML, JavaScript, APIs, Front-end, Responsive Design, Responsive Web Design (RWD), HTML5

Front-end Architect

2006 - 2017
EC-Ideas
  • Created the logo of the company.
  • 开发了一个应用程序，可以使用GPS技术跟踪车辆.
  • 使用JavaScript和PhoneGap开发了一个移动应用程序来创建时间表.
  • 开发了一个应用程序来跟踪整个城市商场里游戏机的进度和状态.
  • Migrated the GPS platform from Flash to JavaScript.
Technologies: Flash, JavaScript, HTML, CSS, APIs, Front-end, Responsive Design, Responsive Web Design (RWD), HTML5

Freelance Web Developer

2004 - 2017
Metablocks
  • 曾为贾斯汀·比伯(Justin Bieber)等客户从事支持美国艺术家网络参与的项目, Jennifer Lopez, and Miley Cyrus.
  • 支持一个项目，创建一个马赛克从推特头像从某个主题的帖子. The mosaics were often used as album covers. 这个项目首先在Flash中完成，然后迁移到JavaScript.
  • 创造了可以在手机上高速运行的instagram式效果.
  • 制作了几款游戏，这些游戏是流行游戏的克隆，如《欧博体育app下载》、《欧博体育app下载》和《欧博体育app下载》.
  • 在Flash中创建了一个编辑器，可以用来制作动态排版. The app allowed you to sync lyrics with music and then play it back. Clients that used the project were Paulina Rubio, Neon Trees, and P. Diddy.
Technologies: CSS, Node.js, HTML, JavaScript, Flash ActionScript，前端，响应式设计，HTML5

Freelance Front-end Developer

2004 - 2008
Electric Wonders
  • 通过实施眨眼的促销项目，使在线目录栩栩如生.
  • Created a flip page app to be used with the catalog.
  • 在Flash中创建了一个自定义产品应用程序，允许您上传徽标或添加文本和, see it flash, change colors, 眨眼的速度取决于产品的可用性.
  • Built the site for the company from the designs that were provided.
  • 创建目录的可执行版本，您还可以在其中自定义您选择的产品.
技术:Flash, JavaScript, HTML, CSS, api，响应式设计，HTML5

Open-source Library

http://github.com/striwensko/Striwensko.js
I'm the author of Striwensko.js, 一组在JavaScript中提供完整功能的类，而无需将您绑定到框架中. The library is comprised of four main areas:

1. JSON loading (JSON_Loader class)
2. Animation (TimeLine class),
3. Event_Dispatcher (Helps maintain modularity)
4. Mouse, touch interaction (Drag_Touch class)

NDA

In this project, I helped with the development of a site for Exhale Spa, which became part of the Hyatt hotel group. 这个开发是用Angular 6完成的，它包含了一个完整的管理站点，管理员可以控制站点的内容，也可以查看订阅和内容的报告.

Wiggot

http://wiggot.com/
这是一个针对房地产经纪人的CRM系统，允许经纪人和组织管理他们的客户以及他们的房产. 该系统使用React-Redux构建，还包含一个运行在Node上的发布站点.Js与模板系统创建自己的品牌门户为每个机构.

Photo Editor Example

这是我创建的照片编辑器的一个自定义，已经被许多客户使用. This version in particular was customized for Gwen Stefani.

Example of Mosaic

http://www.tweematic.com/babyface/
这个项目是我创建的一个马赛克，它提供了来自Twitter标签的头像照片. Used by artists like Jason Derulo and Jennifer Lopez.

Kiwi-Bop

这个站点目前正在使用Angular 4进行开发.

Sellution 360

我参与过的最雄心勃勃的项目可能是一个完整的客户关系管理系统, eCommerce, 和ERP系统，这需要创建一个新的框架，在概念上非常类似于React和Angular合并后的样子.

This project is a single-page application that has a router, an entire suite of components, 并且系统的加载模块分开，保证了加载速度的提高.

它的核心依赖于我的开源库，整个系统都是通过JSON进行配置的, which makes adding new pages to the system extremely easy.
Image of Front-end Frameworks: Solutions or Bloated Problems? publication
Publication

Front-end Frameworks: Solutions or Bloated Problems?

http://dvdzi.yscfrp.com/javascript/are-big-front-end-frameworks-bad
Image of Emulating React and JSX in Vanilla JS publication
Publication

Emulating React and JSX in Vanilla JS

http://dvdzi.yscfrp.com/javascript/emulating-react-jsx-in-vanilla-javascript
Image of Trello vs. Jira: Compared From a Developer’s Perspective publication
Publication

Trello vs. Jira: Compared From a Developer’s Perspective

http://dvdzi.yscfrp.com/agile/trello-vs-jira-comparison
2000 - 2004

Engineer's in Electronic and Communications Engineering

ITESM Campus Guadalajara - Guadalajara, Mexico

JULY 2018 - PRESENT

Toptal React Academy

Toptal

APRIL 2018 - PRESENT

React

ITESM

Languages

ActionScript 3, Flash ActionScript, HTML, CSS, JavaScript, TypeScript, HTML5, GraphQL, Reason ML

Libraries/APIs

React, Twitter API, Node.js

Tools

Flash, Git, Brackets, Visual Studio, Shopify Plus, Flow

Platforms

Shopify

Other

Shopify Customizations, PSD to Shopify, SVG, Text Animation, Animation, Front-end, Responsive Design, APIs, User Experience (UX), Recoil

Frameworks

Redux, Jest, Relay, Angular

Paradigms

Responsive Web Design (RWD)

Collaboration That Works

How to Work with Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

1

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring