- Front-end Architect2009 - PRESENTSellution
- Created an SPA that acted as a CRM, ERP, and more.
- Developed a proprietary framework and architecture to run a complex system, with different kind of modules like email, virtual drive, CRM... (and developed the modules ).
- Created a platform for building eCommerce sites with a great deal of customizable content.
- Created a UI to connect to social media outlets such as YouTube and Twitter to help supervise the user's online presence.
Technologies: JavaScript, HTML, CSS - Front-end Architect2006 - 2017EC-Ideas
- Created the logo of the company.
- Developed an app in which you can track vehicles using GPS technology.
- Developed a mobile app using JavaScript and PhoneGap to create schedules.
- Created an app to track the progress and status of game machines set at malls throughout the city.
- Migrated the GPS platform from Flash to JavaScript.
Technologies: CSS, HTML, JavaScript, Flash - Web Developer (Freelancer)2004 - 2017Metablocks
- Worked on projects that supported US artist web engagement for clients such as Justin Bieber, Jennifer Lopez, and Miley Cyrus.
- Supported a project that created a mosaic from Twitter avatars from posts on a certain topic. The mosaics were often used as album covers. This project was first done in Flash and then migrated to JavaScript.
- Created Instagram-type effects that run in mobile phones at high speeds.
- Created several games which are clones of popular games, like Snake, Flappy Bird, and Candy Crush.
- Created an editor in Flash which can be used to make kinetic typography. The app allowed you to sync lyrics with music and then play it back. The project was used by clients like Paulina Rubio, Neon Trees, and P. Diddy.
Technologies: ActionScript, JavaScript, HTML, Node.js, CSS - Front-end Developer (Freelancer)2004 - 2008Electric Wonders
- Brought to life an online catalog by implementing promotional items that blinked.
- Created a flip page app to be used with the catalog.
- Created a custom product app in Flash that allowed you to upload a logo or add text and, see it flash, change colors, and blink at different speeds depending on what was available to the product.
- Built the site for the company from the designs that were provided.
- Created an executable version of the catalog in which you could also customize the product of your choice.
Technologies: CSS, HTML, JavaScript, Flash
Juan Carlos Arias Ambriz
Guadalajara, Mexico
Member since January 22, 2016
Juan has over ten years of freelance UX experience. His projects span a wide variety, but are all rooted in his commitment to always provide the best experience to the user. Juan has developed applications used by high-profile clients and so has learned to commit to perfection of detail in his work.
Juan is now available for hire
Portfolio
- SellutionJavaScript, HTML, CSS
- EC-IdeasCSS, HTML, JavaScript, Flash
- MetablocksActionScript, JavaScript, HTML, Node.js, CSS
Experience
- JavaScript, 11 years
- HTML, 11 years
- CSS, 11 years
- Flash, 7 years
- User Experience (UX), 6 years
- Responsive Web Design (RWD), 4 years
- React, 1 year
Availability
Part-time
Preferred Environment
Git, Brackets, Visual Studio
The most amazing...
...thing I've developed is a framework for SPA where every page is generated from a simple JSON file, significantly simplifying the process of writing an app.
Employment
Experience
- Open source library (Development)https://github.com/striwensko/Striwensko.js
I'm the author of Striwensko.js, a set of classes that provide integral functionality in JavaScript without tying you to a framework. The library is composed 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) - Example of photo editor (Development)
This is one customization of a photo editor I created which has been used by many clients. This version in particular was customized for Gwen Stefani.
- Example of Mosaic (Development)http://www.tweematic.com/babyface/
This project is a mosaic I created that feeds in avatar photos from Twitter hashtags. Used by artists like Jason Derulo and Jennifer Lopez.
- Kiwi-Bop (Development)https://kiwi-bop.com/
This site is currently in the process of being developed using Angular 4.
- Sellution 360 (Development)
Probably the most ambitious project I've worked on is an entire CRM, eCommerce, ERP system which requires the creation of a new framework very similar in concept to what React and Angular would look like if merged together.
This project is a Single Page Application that has a router, an entire suite of components, and a system of loading modules separately to ensure enhanced loading speed.
It's core relies on my open source library and the entire system was developed to be configurable via JSON, which makes adding new pages to the system extremely easy. - Emulating React and JSX in Vanilla JS (Publication)Not everybody likes JavaScript frameworks, nor are they always applicable. But even when we don't want to or can't use them, there are some parts that are handy to have. In this tutorial, Toptal Freelance JavaScript Developer Juan Carlos Arias Ambriz proposes a simple way to recapture some of the benefits of using JSX while working in vanilla JS.
- Front-end Frameworks: Solutions or Bloated Problems? (Publication)Modern front-end frameworks constantly require you to download an entire development environment, complete with dependencies, and compile your code before even trying to view it on your browser. Is this something good? Is it the problem we are building more complex sites, or the frameworks are complex on their on own and they introduce an unnecessary level of complexity.
Skills
- LanguagesActionScript 3, CSS, JavaScript, HTML, ActionScript, PHP
- ToolsFlash, Shopify Plus
- OtherAnimation, Shopify Customizations, PSD to Shopify, SVG, Text Animation, User Experience (UX)
- FrameworksAngular, Redux, Jest
- Libraries/APIsTwitter API, React
- ParadigmsResponsive Web Design (RWD)
- StorageMySQL
Education
- Engineer's in Electronic and Communications Engineering2000 - 2004ITESM Campus Guadalajara - Guadalajara, Mexico
Certifications
- Toptal React AcademyJULY 2018 - PRESENTToptal
- ReactAPRIL 2018 - PRESENTItesm
