Publication
Theming with Sass: An SCSS Tutorial
https://www.toptal.com/sass/theming-scss-tutorial
Fernando is available for hire
Hire FernandoFernando Rivas
Verified Expert in Engineering
Front-end Developer
Location
Sitges, Spain
Toptal Member Since
August 8, 2017
Fernando has over ten years of experience in front-end development, first working for his own company, then as a freelance and an employee, participating in a wide range of projects. Currently, he specializes in React + TypeScript/ES6, Jest and React tools testing Redux and SASS. He has experience with PHP, jQuery, and mobile web applications.
Portfolio
Adhumansoft
JavaScript, CSS, Ajax, SOAP, Bootstrap, jQuery UI, jQuery, PHP, HTML5, React...
Alten Spain
Cordova, SCSS, Moodle, PHP, JavaScript, ECMAScript (ES6), Bootstrap 3+...
Alux Location
Nunjucks, Bootstrap, jQuery UI, jQuery, JavaScript, SCSS, PHP, HTML5...
Experience
Availability
Part-time
Preferred Environment
WebStorm, PhpStorm, Linux, MacOS, Visual Studio Code (VS Code)
The most amazing...
...project I’ve worked on is a React web application for Catalonia's government, which is currently being used in many city councils.
Work Experience
Freelance Fullstack Developer
2017 - PRESENT
Adhumansoft
- Fully developed an administrative React web app using Redux as state management and its PHP back-end API. The bundle is made with webpack and Babel. This application is being used by Catalonia's government.
- Developed the UI using HTML, CSS, jQuery, jQueryUI, and JavaScript to provide communication with the back-end using Ajax and functionalities such as employees plannings, schedules, requests to managers, payroll printing, notifications, etc.
- Fully designed and developed an employee portal to manage complex working hours, schedules, and presence control; the portals are used mainly by employees and managers of hospitals and clinics.
Technologies: JavaScript, CSS, Ajax, SOAP, Bootstrap, jQuery UI, jQuery, PHP, HTML5, React, React Redux, Bootstrap 3+, Responsive
Front-end / Moodle Developer
2017 - 2022
Alten Spain
- Developed Frontend for an education web app with JavaScript and JavaScript ES6.
- Used SCSS modules to adapt themes to XD given designs.
- Built Moodle 3+ development framework mods and themes.
- Developed front-end for the mobile version of the applications using Cordova, SCSS, and JavaScript.
Technologies: Cordova, SCSS, Moodle, PHP, JavaScript, ECMAScript (ES6), Bootstrap 3+, Responsive
Freelance Web Developer
2013 - 2018
Alux Location
- Developed a tourist accommodations rental web application with has searching, booking, online availability, and online payment capabilities.
- Created the front-end using Bootstrap and SCSS, then jQuery, Javascript and Nunjucks to make the website work as a single page application, and communicate with the back-end using Ajax services ensuring the website was responsive and mobile ready.
- Built the back-end using PHP and MySQL to give the website the ability to accept online payments, as well as the booking and calendar engine that made possible to display availability and prices online according to user search and filters.
- Managed the webmaster console to further optimize presence in search engines.
- Refactored this website to use React.js and Material UI or Semantic UI instead of pure JavaScript.
Technologies: Nunjucks, Bootstrap, jQuery UI, jQuery, JavaScript, SCSS, PHP, HTML5, ECMAScript (ES6), Responsive
Front-end Developer
2017 - 2017
Beessip LLC (via Toptal)
- Worked in a team to develop the front-end of a responsive website for media producer Method Studios.
- Created stylesheets in SASS (SCSS) from given designs in Sketch export format to be applied on HTML templates.
- Developed UI components and Ajax services using ES6, building tools were gulp, Babel, Babelify, Browserify, among other libraries.
- Set up and worked with a local environment using Django CMS (Python3), PostgreSQL, and Elasticsearch service in order to work with the back-end team.
- Used JIRA as collaboration tool and Git (Bitbucket) as VCS for deploying developments, manage branches and pull requests, fix bugs and work with QA team.
- Performed tests in many browsers and mobile devices to ensure UI compatibility.
Technologies: Browserify, Jira, Bitbucket, Git, Babel, Gulp, JavaScript, Sass, ECMAScript (ES6), Responsive
Front-end Developer
2013 - 2017
CVA Consulting
- Contributed to the front-end development of a Moodle plugin geared towards elementary and high school students and teachers providing a platform of school books with interactive multimedia activities, illustrated content, and communication with the teacher through assignments and grading capabilities.
- Created stylesheets using SCSS to modify/adapt Moodle themes to the client design requirements, the designs were commonly given in PSD or PNG format and required to be as pixel-perfect as possible.
- Developed the UI in Require/Amd Javascript modules to follow the client's design requirements, development included Ajax web services and creating Mustache templates and HTML layouts.
- I also contributed to the back-end development using PHP, adapting parts of Moodle's mods and plugins, and creating classes and objects to represent the books structure which was delivered in JSON.
- For VCS and developments delivery, I used GIT, and as the team worked under the SCRUM framework, JIRA was used for issues and sprint management.
Technologies: SCSS, Jira, Ajax, Moodle, jQuery, AMD, RequireJS, JavaScript, PHP, HTML5
Front-end Developer/Partner
2003 - 2013
Vision33
- I designed and developed the UI of the company's websites, which was dedicated to tourist rentals in Barcelona and Catalonia.
- Development of the front-end included property search and listing, details pages, with the ability to filter by date and other features or the accommodations, I used mainly CSS, HTML, PHP and Javascript/jQuery.
- Using PHP and MySQL, I developed the back-end, this included the booking and calendar engine to manage the properties availability, online payment using bank and paypal connection, as well as web services integration with channel managers.
- SEO, social media marketing, and AdWords PPC management.
- Oversaw dedicated Linux server management and maintenance.
Technologies: Ajax, CSS, jQuery, JavaScript, PHP, HTML5
Experience
BcnFriendly
A Barcelona tourist apartment rental website with the ability to search by dates, filter by apartment size, and online booking/payment capabilities.
Developed the front-end with jQuery, Bootstrap, SCSS, and Nunjucks templates on the front-end, and and the back-end booking, calendar, and payment engines with PHP.
Developed the front-end with jQuery, Bootstrap, SCSS, and Nunjucks templates on the front-end, and and the back-end booking, calendar, and payment engines with PHP.
Savia Digital (SM Publishings, Spain)
http://es.smsavia.com/demos/lengua-1ep/A digital learning platform based on Moodle with an extensive catalog of books for elementary and secondary school.
In collaboration with the development team, I developed functionalities of the books UI using SCSS, JavaScript, jQuery, and Ajax web services.
In collaboration with the development team, I developed functionalities of the books UI using SCSS, JavaScript, jQuery, and Ajax web services.
Adhumansoft - Professional Portal
This intranet website is an extension of the company’s text application whose target market consists of hospitals and clinics with complex staff working hours. The intranet provides the ability to manage calendar and planning reports, vacation requests, schedule changes, incidents, payroll reporting, and more.
The main technologies used in developing the front-end of the intranet were HTML5, SCSS, JavaScript, jQuery, and jQuery UI. PHP was used in creating the back-end to communicate with central SOAP web services.
Most recently, a social network plugin was added to the portal using Bootstrap, Nunjucks, and MySQL in addition to the technologies mentioned above.
The social network has the ability to create groups of users and roles. For example, groups can be seen from people within a specific department, or read-only groups can be created for pinned announcements. Posts include text formatting and attachment capabilities while groups provide the ability for online and offline direct messaging between members.
The main technologies used in developing the front-end of the intranet were HTML5, SCSS, JavaScript, jQuery, and jQuery UI. PHP was used in creating the back-end to communicate with central SOAP web services.
Most recently, a social network plugin was added to the portal using Bootstrap, Nunjucks, and MySQL in addition to the technologies mentioned above.
The social network has the ability to create groups of users and roles. For example, groups can be seen from people within a specific department, or read-only groups can be created for pinned announcements. Posts include text formatting and attachment capabilities while groups provide the ability for online and offline direct messaging between members.
Method Studios Responsive Website
https://www.methodstudios.com/en/As part of the front-end team, helped developing UI components using ES6 (gulp/babel setup) and styles with SCSS (employed by Beessip LLC).
Skills
Languages
CSS, JavaScript, SCSS, HTML5, ECMAScript (ES6), PHP 7, PHP, Sass
Libraries/APIs
React, jQuery, Mustache, jQuery UI, React Redux, RequireJS
Frameworks
Bootstrap 3+, Bootstrap, Material UI
Tools
Git, PhpStorm, WebStorm, Browserify, Babel, Gulp, Bitbucket, NPM, Grunt, Jira, Moodle, Webpack 4
Other
Responsive UI, Front-end, Ajax, SOAP, Nunjucks, Cordova, Semantic UI, PSD Slicing, Templates
Paradigms
Responsive, Scrum, Agile Software Development
Platforms
AMD, Android, Windows, MacOS, Visual Studio Code (VS Code)
Education
2004 - 2005
Master's Degree in Multimedia Application Design
Fundació Politècnica de Catalunya - Barcelona, Spain
1988 - 1992
Bachelor's Degree in Computer Engineering
Monterrey Institute of Technology, Queretaro Campus - Querétaro, México
Certifications
AUGUST 2018 - PRESENT
Android Basics Nanodegree by Google
Udacity
JANUARY 2017 - PRESENT
Codeschool.com
React.js (Powering up with React)
JANUARY 2017 - PRESENT
CoffeeScript
Codeschool.com
JANUARY 2017 - PRESENT
Google Developer Challenge Scholarship, Android Development
Udacity
JANUARY 2016 - PRESENT
Codeschool.com
Angular (Accelerating through Angular)
JANUARY 2016 - PRESENT
AngularJS (Shaping up with AngularJS)
Codeschool.com
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
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