Ui Developer Resume
SUMMARY
- Around 5 years of experience in Software Development Life Cycle (SDLC) in developing and designing user friendly, cross browser complaint web sites, and User Interface (UI) applications.
- Having comprehensive experience as an UI Developer in developing dynamic web applications using HTML5, CSS3, BOOTSTRAP, JAVASCRIPT, jQuery, AngularJS and Angular 2/4/5/8.
- Used Angular markup and expressions and experience using Angular UI components like GRID
- Responsive Web Design (RWD) for different types of Devices like tablets and mobiles using media queries and libraries like Bootstrap.
- Designed, developed HTML5 and CSS3 - based applications, predominantly for use on mobile devices.
- Designed a new Angular8 application from the scratch to simulate the actual repository.
- Experienced in React JS and working with React Redux architecture.
- Implemented react js code to handle cross browser compatibility using poly fills and core-js to support older browsers like IE 7/8/9.
- Experienced in Developing the React stateless reusable components and Separating the state from View Layer
- Experienced in working with redux architecture using complex Object-Oriented concepts in improving the performance of the websites.
- Experience in using React JS components, Forms, Events, Keys, Router, plus Redux, Animations.
- Extensively used angular material components for the perfect fit user experience.
- Used Angular 5 features such as lazy loading module and resolve guard to deliver better performance and user experience.
- Good experience working with Bootstrap and CSS3 media queries to support for Responsive Web Design RWD.
- Developed Responsible Web Design (RWD) UI using HTML5, CSS3 media queries, Ajax, Angular and Bootstrap.
- Involved in Routing Modules, Routing Components, Navigating Pages. Implemented Lazy loading in the navigation of Components and Modules.
- Used HTTP Interceptors to add JWT tokens and authentication headers to every http call to provide authentication to the pages.
- Implemented HTTP requests using Rxjs Observable library to handle multiple values over time.
- Used Bootstrap cards to display data on the page with the required format.
- Designed animated pie charts in different web pages using the ngx-charts and D3 charts.
- Worked with cross browser compatibility issues and did testing on the browsers like Safari, IE-8, 9, 10, Mozilla Firefox and Google Chrome.
- Wrote the unit test cases for Angular Services, Components, Modules, Forms using karma, jasmine frameworks.
- Used Angular 4 as framework to create a Single Page Application (SPA) which can bind data to specific views and synchronize data with server.
- Utilized and modularized CSS code using SASS and LESS for writing maintainability and efficiency.
- Good experience on working with CSS Flex Box and Grid Layout models.
- Used GIT for Version controlling and error reporting and project management tools like JIRA.
- Responsible for checking Cross Browser Compatibility and worked on cross browser issues with different browsers like Internet Explorer, Google Chrome, and Firefox.
- Good Experience with Continuous Integration and Continuous Delivery by using tools like Jenkins.
- Having dynamic and versatile experience for mobile application development and analyzing current market trends, mainly focused on best UI experience in development.
- Excellent team player, self-starter and good at Multi-Tasking with ability to handle deadlines in fast paced environment.
TECHNICAL SKILLS
Web Development: HTML5, CSS3, JavaScript, JSON, AJAX, XML, Node.JS, React JS
JavaScript Libraries: Angular 2/4/5/8, React JS, Bootstrap
Operating System: Windows, Mac OS X.
IDEs worked on: Notepad++, Visual Studio, Sublime Text2.
PROFESSIONAL EXPERIENCE
Confidential
UI Developer
Responsibilities:
- Designed and Developed User Interactive single page web applications (SPA) using Angular 8, Typescript and RXJS.
- Implemented Angular features like components, directives, filters, pipes, routing and adopted new features from Angular 8 in our application.
- Created a Docker image for the angular project.
- Created Angular components, implemented interpolation, input variables, Bootstrapping, NgFor, Ngif and Router outlet.
- Used react router for dynamic web page routing and implemented routes that require user to be authenticated.
- Converted existing class components to functional components using modern react hooks.
- Used react - redux for asynchronous state management as the ability for the user to seem lessly interact with UI.
- Used Use Memo and Use Callback hooks for optimization by avoiding expensive calculations for every render when state changes.
- Followed redux guidelines for effectively updating state while calling external API’s.
- Involved in creating JSON mock data while gathering the requirements
- Consumed Restful web services using Http Client component in angular.
- Implemented routers to perform navigation between components using Router Outlet in Angular.
- Developed common components for Header, Footer and Navigation using Template driven forms in angular.
- Used IVY, an angular renderer which is radically different from anything as it uses incremental DOM. It changes how the framework internally works, without changing our Angular applications.
- Created the pagination based on the API response and restricted it to display only 25 records for the page.
- Implemented both sorting and filtering modals.
- Created Form validations using Reactive Forms using Angular.
- Implemented different ways of binding features like Property, Event, Style, Class, Attribute and Two-way data binding in angular.
- Achieved responsiveness of the application using Bootstrap grid system and created Bootstrap components.
- Used Form Group and Form Control in reactive forms to track the validity.
- Developed the component interaction between the parent-child components and sibling components using Input, Output decorators and shared services.
- Implemented custom directives for modifying layouts using Structural and Attribute directives in angular.
- Consuming Web Services Technologies like Restful (JAX-RS), SOAP (JAX-WS), JAX-RPC and JAXR (Java API for XML Registries).
- Expertise in consuming web-services in the form of JSON via AJAX calls for creating business progress views as visual charts by using visualization tools like High Charts.
- Optimized the performance of application using lazy loading and AOT compilation.
- Implemented the Lazy Loading of the modules to decrease the initial payload time and downloading time for the application.
- Performed unit testing using Karma, Jasmine and end to end testing using Protractor.
Environment: HTML5, CSS3, Typescript, Angular 8, Node.JS, React JS, Bootstrap, Ag-Grid, Azure, API Gateway, Docker, PostgreSQL
Confidential
UI Developer
Responsibilities:
- Professional understanding of Software development life cycle (SDLC) as well as various phases such as Analysis, Design, Development and Testing.
- Worked on React JS Virtual Dom and React views, rendering using components which contains additional components called custom HTML tags.
- Developing the React JS Reusable components and connecting with the Redux-Thunk middleware and distributed in all the modules of application.
- Implemented various screens for the front end using React.js and used various predefined components from NPM (Node Package Manager) and redux library.
- Created React UI and architecture. Building components library, including Tree, Slide-View, and Table Grid.
- Implemented stable React components and stand-alone functions to be added to any future pages.
- Used React JS for templating for faster compilation and developing reusable components.
- Used React-Autocomplete for creating google maps location search on the webpage.
- Experience in turning mockups and prototypes by designers into a cross-platform, Pixel-perfect web UI for a moderate to high complexity solution.
- Designed a new Angular8 application from the scratch to simulate the actual repository.
- Extensively used angular material components for the perfect fit user experience.
- Used AG-Grid for the data grid and updated the packages compatible to Angular 8.
- Created responsive layouts and mockups with the help of bootstrap which will be compatible for mobile and tablets as well.
- Responsible for creating elegant and highly impactful design solutions with the use of HTML5 and CSS 3.
- Implemented higher order functions such as map, reduce and filter in angular 8.
- Implemented Ace Editor for editing the test cases with different languages like Python, etc.
- Implemented Angular 8 router that helps to upgrade the path for large projects and will make it easier to move to Angular by allowing lazy loading parts.
- Used RxJS in angular 8 to increase the performance and easier to debug AJAX call stacks of repositories and improve modularity.
- Implemented different themes for different languages within ace editor.
- Developed Responsible Web Design (RWD) UI using HTML 5, CSS3 media queries, Ajax, and Bootstrap.
- Used Angular 8 features such as lazy loading and router Backwards Compatibility and user experience.
- Developed reusable components and services using Typescript to perform CRUD operations based on Angular 8.
- Writing front-end code like HTML5, CSS3 for assigned User requirements using Angular8.
- Used various tools like Grunt and Bower for developing the angular application.
- Used VS Code for designing, coding and developing applications.
- Used GitLab as the distribution version control system.
- Involved in Agile Software Development Life Cycle, including collecting the requirements, Requirement analysis, Designing, Building the code, Testing, Debugging and support.
Environment: HTML5, CSS3, Typescript, Angular 8, React JS, Bootstrap, Angular Material, Ag-Grid, Ace Editor, Azure Devops
Confidential
UI Developer
Responsibilities:
- Participated in business process analysis and requirement gathering for new customization and worked in a 5 layering structured team environment to develop, enhance and support web-based application.
- Used Angular 4 as framework to create a Single Page Application (SPA) which can bind data to specific views and synchronize data with server.
- Created Typescript reusable components and services to consume REST API's using Component-based architecture provided by Angular 2.
- Performed Client-Side validations using Angular 2 and used CSS preprocessor LESS and WEB Essentials for converting LESS to CSS file while deployment.
- Improved dependency injection for modular development and component isolation using Angular 4.
- Used Angular4 ng-template to differentiate the block elements based on structural directives.
- Created Typescript reusable components and services to consume REST API's using Component based architecture provided by Angular 4.
- Experience in developing SPA using Angular 2&4 Directives, Dependency Injection, Services, Routing, and pipes, Animations, Forms, AOT, Lazy Loading, RXJS, Services and Routers. Also created React JS directives, factories and services for developing single page web applications.
- Implemented dynamic components which will be created in a runtime when the applications is started.
- Configured Web pack to execute linters, magnifiers, pre/post-processors, tests, transpires, etc. based on build target.
- Utilized React for its efficient data flow architecture to create a lightweight and render efficient web app that searched projects via the GitHub API through keywords.
- Implemented React container and presentational components (as Stateless and Functional components when applicable).
- Added Excel-Builder to download the Tabular data in Excel format using React.
- Implemented flux pattern by using redux framework as a core dependency.
- Created Angular service and integration with RESTful APIs. Used Angular HttpClient to send GET/POST request to fetch data from server.
- Worked on Angular 2.0 by consuming RESTFul web services & Used Angular 2.0 forms like Template Driven forms and Modern Driven (Reactive) forms to perform form validations both on server and client side.
- Implemented HTTP requests using Rxjs Observable library to handle multiple values over time.
- Used package managers like Bower that help control components, which have CSS, image files, fonts and HTML, NPM as JavaScript pack manager and Gulp for workflow automation.
- Developed source code to consume JSON response received through XHR/AJAX calls using jQuery Ajax calls.
- Implemented paging functionality for various screens for quicker rendering of data and to avoid crashing of browser.
- Used JIRA to keep track of outstanding bugs to reduce downtime, increase productivity, and improve communication.
- Used agile methodology and effectively took part in Scrum gatherings to deliver quality deliverables within time (extensively used Scrum Do for project Management).
- Identified opportunities for process improvements/efficiencies and drove adoption of high priority/high value improvements within the team .
Environment: Angular 2/4, HTML5, CSS3, Typescript, jQuery, Bootstrap, AJAX, JSON, REST, Git.