Blog
![multiple flags with direction to vue](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119081/rangle.io/blogs/finding-your-gateway-to-learning-vue/feature-photo.png)
Learning is a unique experience. It requires relating our previous background to new concepts and patterns. Those experiences are remembered specifically and each person recalls a concept a little differently. I remember a picture of a ball falling with labelled symbols, others might remember the equation, and some may remember the sounds of the physics hall. Recollection can be a little different and thus, learning requires varied approaches.
![iconography for vanilla JavaScript next to logos for Vue.js and Webpack](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119080/rangle.io/blogs/exploring-zero-configuration-with-vue/feature-photo.jpg)
Vue.js is a versatile and approachable framework for building modern JavaScript applications. You can start out by simply adding a script tag with some vanilla JS. Or you can go all-in and create a modern JavaScript application with all the trimmings using a build system such as Webpack. However, the latter requires a fair bit of configuration knowledge so it doesn't quite fit the mantra of easily approachable, especially for people who are just starting to explore the world of modern JavaScript applications.
![Iconography of a data-driven user interface](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119393/rangle.io/blogs/how-to-create-data-driven-user-interfaces-in-vue/feature-photo.png)
Although we usually know what components are needed when building most views within an app, sometimes we don't know what they are until runtime. This means we need to build a screen based on the application state, user preferences, or response from an API. A common case is building dynamic forms, where the questions and components needed are either configured by a JSON object, or where fields change based on the users' answers.
![A Bridge to Help Women Advance Their Careers in Tech](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119079/rangle.io/blogs/a-bridge-to-help-women-in-tech-advance-their-careers/feature-photo.png)
When it comes to technical skills, initiatives often focus on getting more women into the pipeline. For Bridge program leaders Emily Porta and Lindsie Canton, the challenge was not about getting more women into the pipeline, but helping them move further through it. Initially incubated by Rangle.io, the Bridge program is an initiative to “give women the tools they need to get better jobs in the tech industry, either at Rangle or another tech-related company.”
![RxJS logo](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119392/rangle.io/blogs/rxjs-where-is-the-if-else-operator/feature-photo.gif)
if/else statements are a staple for handling conditional actions. It's natural for most developers to reach for the if/else statement when a decision needs to be made in code. However, in the reactive programming paradigm (e.g. with RxJS) this conditional statement is mysteriously unavailable. How can you code without it?
![Stack with a checkmark](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119391/rangle.io/blogs/why-write-server-rendered-frontend-apps/feature-photo.png)
Web applications have been evolving dramatically in recent years and many techniques have evolved to help our applications run faster, respond quickly, and load easily. With a wide array of modern development techniques it’s easy to overlook all of the options. Server-side Rendering web apps is one such option that has really impressive benefits when implemented in our applications.
![text "progressive web applications"](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119390/rangle.io/blogs/progressive-web-apps-an-overview/feature-photo.png)
Depending on the user's needs, Progressive Web Apps (PWAs) are a great option for people who find it more freeing and flexible to open up a browser instead of installing a mobile application. PWAs take advantage of ever improving technologies to provide users with some of the power of both mobile sites and native apps.
![Bridge school in action](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1663870003/rangle.io/blogs/how-we-built-bridge-for-designers/actual%20feature-photo.png)
It’s been a few months since we finished our beta Bridge for Product Designers course, so it’s a perfect time to reflect on the experience. If you haven’t heard of us before, at Bridge we build and run part-time courses that are free for students with the goal of fostering a more inclusive, diverse, and accessible tech industry. Our courses are made by volunteers and hosted at tech companies in Toronto. They’re designed to remove barriers for junior to intermediate professionals who are women, non-binary, or agender. We’re able to efficiently build courses that are tailor-made for these groups by applying design thinking and lean development methodologies. We utilized processes like project discovery, user research, user journey mapping, usability testing, and iterative improvement. This is the story of how we used those methodologies to make a really amazing product.