Barcelona Code School

JavaScript made me do it / Est. 2015

Student's story: Guillaume Koenig

Graduated from the UX/UI Design Bootcamp Job landed: UX/UI Design Consultant at Akkodys for Mercator Ocean Coming from a background in ocean science, Guillaume’s journey into UX/UI design was driven by a unique mission: to improve the accessibility…

Student's story: Nicole Motivane

Nicole Motivane’s journey into UX/UI design is as unique as her creative vision. With a background rooted in international business and a love for the arts, Nicole’s path to finding her niche was anything but straightforward. Originally, Nicole…

How to Detect if an Element is in View with React

Sometimes we want to know if a particular element is in view to take some action. This can be useful for triggering animations, lazy loading images, or, as in our case, simply dynamically changing the background color of a section when a specific…

Learning Journey: Gleb Murawicki

Gleb has been student at our JavaScript Ful-Stack Bootcamp and as he was writing about his progress via a series of LinkedIn posts we thought it could be useful to gather them alltogether into a single article to share his experience with you. On…

UX/UI Design Bootcamp is coming online

We run the in-person User Experience and User Interface Design Bootcamp since 2018 and all these years have been thinking about the best way to bring it to online to make available for students who can't come to Barcelona and take it on campus. There…

Mastering logical thinking for programming

Distilling logic to come up with an algorithm before coding aka Logic —> Pseudocode —> Code approach Programming is all about logic. In fact, we might even say that programming is a reflection of the logic implemented in a certain programming…

What is it Like to Be a User Experience Designer

Being one of the most creative fields in IT, User Experience Design, commonly known as UX Design is one of the best paths for people who want to be in tech but are not software engineers. It's an amazing combination of science, research and art…

How to show a pop-up only once with React, localStorage and Material UI modal

Imagine we have a scenario where user comes to a website and has to see a pop-up or modal with some information and has to click it to see the main content. For example, agree to Terms and Conditions, read an important warning or merely see a call…

Aligning elements on top of the image background

With Flexbox we can easily align any element or elements both vertically and horizontally inside a given container which might have an image background applied to achieve results as shown in the image above. Our goal is to have a group of headings…

Trang's journey through the coding bootcamp

Trang’s journey Hi everyone, please meet Trang Do who went through our Web / Mobile Development Bootcamp and decided to share her journey with you. This is the final article with Trang's insights as they are, raw and uncut so that you will be able to…

Deployment of MERN full-stack app on render.com

With recent deprecation of Heroku's free plan we've been looking for other free alternatives and found out Render.com. Let's see how we can deploy a full-stack MERN app with Render.com. For this post we will assume that the structure of our app is…

16 games for developers to play and learn

Playing games by writing code is an engaging and fun way to practice and learn coding. Here are 16 games we picked for you. Enjoy! Return true to win CSS Battle Untrusted CodinGame Grid Garden Flexbox Froggy Flexbox Defense CSS…

13 games for designers

Here are some games to play to train you eye for the colors, fonts, positioning and even drawing. Design Can’t Unsee It’s centered that Pixactly The Bézier Game Color Kolor Hex Invaders The Color! Color matching game What the hex? Fonts…

Frequently asked questions October 2022 edition

Can I join the in-person bootcamp if I am an international student? We do accept international students, in fact more than half of our students are coming from abroad. The classes are in English and we always have diverse groups both nationality and…

Creating an animated typing effect in React

The idea behind this is that we render text from the state and keep updating state variable one character at a time with a bit of delay. Each time state is updated our component will re-render showing text "typed" one character after another. So…

Cloning / restoring / migrating MongoDB with mongodump

There is an easy way to migrate MongoDB database between different hosts. Sometimes we might need it for example in case of: moving db from local database to the remote creating a backup copy of the db "freezing" all the content we have to be able to…

How to make a dynamic background for React Native apps loading from API

There are tons of cool APIs where we can get images from for our apps. In this guide we are going to use Pixabay API for loading background images. You will need to get an API key from pixabay.com. Import ImageBackground element from react-native Add…

Using .populate() with mongoDB

Let's take a common example of eCommerce website with two collections for the products and the categories. Each product belongs to a certain category like "shoes", "hats", "pants" – and we want to refer to a corresponding collection from each…

Creating an admin area in five minutes with AdminBro, express, mongoDB, mongoose

There is a way to set up an admin area and start working with your data in five minutes without actually building all the admin routes and controllers. Here is how... All we need to have is models and then we can use the AdminBro package to run the…

Passwordless authentication with magic link sign in for express and react

Hi everyone. This is a simple example of password less authentication aka magic link sign in with express, react and JWT. Here is the repo for the video: https://github.com/gk3000/passwordless-magic-link-sign-in-express-react. Enjoy, hope you will…

Understanding programming concepts for non-programmers

This article is written mostly for people who are just starting to learn programming. I'd love to hear from you, is it "clicking" or not? As my main goal as an educator is to constantly search for the new approaches working best on different types of…

Why learning JavaScript is relevant today

According to StackOverflow.com, the biggest community website for professional and enthusiast programmers, JavaScript has been the world's most popular language for 9 years in a row. Knowing JavaScript opens numerous possibilities for a developer…

Student's story: Yen Hoang

Graduated from the JavaScript Full-Stack Online Mentored Bootcamp Job landed: developer at Mind The Bridge Yen Hoang My passion for web development started with my Yahoo blog and then WordPress. I was a blogger who loved to write a bit of code to…

Student's story: Carlos Planchart

Graduated from the JavaScript Full-Stack Online Mentored Bootcamp Job landed: front-end engineer at Purple Dye Carlos

Changing default git branch to main

As you might have noticed lately when initialising a new git project with git init you might see this warning in the terminal: This is due to git project, same as GitHub and GitLab, changing the default branch name from master to main due to ‘master…

Things our students build

Taking a bootcamp is a big decision which can transform your life and set on the path of being a developer or UX designer. One of the questions we get is "what am I going to be able to do after the bootcamp actually?". "Getting to a job-ready level…

Publishing front-end app with React Router on Surge

Surge is a great platform offering easy publishing for the web clients, it's free, allows custom subdomains and has great CLI tools. One issue you might find though is that when trying ti publish a project with react router the routes are not…

How (not) to fail a coding bootcamp

🔴 Do not try coding before deciding to sign up 🟢 Coding bootcamp is a serious commitment which will require a lot of dedication from you. Naturally, it will be easier to go through this challenging experience if you actually like what you are doing…

Listening and sharing alumni feedback

How does it feel to learn UX Design and start doing it professionally? As we begin out next cohort of UX/UI Design Bootcamp in January 2021 same as always we listen to the feedback from the previous graduates and are sharing some of the insights with…

CSS Visual Cheatsheet

The other day one of our students asked about possibility of having a CSS cheatsheet to help to decide on the best suited approach when doing this or that layout. This evolved into the idea of making a visual CSS cheatsheet with all (most) of the…

Pimping up your Mac terminal with 5 basic steps

I'd like to chime in with my two cents, it's all about terminal this time. This stuff really helps me and maybe will work great for you too. 1: Oh My Zsh –– https://ohmyz.sh — you can set it up with plugins you want to do things much faster in the…

It's not an 'online course', it's a mentored bootcamp

With vast number of free/paid online courses available for those who are willing to learn programming why choose mentored bootcamp instead? Interaction with instructor Bootcamp ↓ One overlooked but extremely important difference is that with our…

Pimping up your console.log output

With a bunch of console.log statements sometimes it's a bit hard to track which one is printing out in the console and even with console.log('name of var ==>', var) approach sometimes it's easy to get lost, so how about we will add our own custom…

Gaming projects are more fun but also are a bigger challenge

Some time ago we've introduced games as part of the Web / Mobile Development Bootcamp, namely as a full-stack web app project. This was very well received among our students and since then we've got several games build here. While it might seem that…

Students stories: Anna Chew

I've used Wordpress before to create some sites for family and friends, but I doubted it was the only way to create websites. So, after some research, I discovered coding and tried it using free online resources and I fell in love with it. Being able…

What is job guarantee

One of the reasons why someone takes a coding bootcamp is to find a developer's job after that. It could be a complete career change or mild migration from some other software industry area. Actually, most of the students we have are moved by this…

Things to do in 2020

Hi from 2020! New dates on the block: Web / Mobile Development Bootcamp Upcoming starting dates: January 07, February 10, March 09, April 13. Go this way. Or do the online version with the same curriculum and outcomes from any location you are in…

Keep it rocking into 2020

It’s the end of the year and it’s a good time to sum up the achievements and reflect on the results. 2019 brought a lot of awesome changes and updates to web development world and JS ecosystem. The biggest one of course was the shift from React class…

Learn building React apps... now with SSR!

SSR is hugely important and somehow confusing for the beginners... We know how to fix that! As we constantly update and improve the curriculum for the Web / Mobile Development Bootcamp we've just hit another milestone by adding a Server-Side…

Luciana Muller, From Recruiter to Developer

Before starting the course I've been working in the recruitment of JavaScript developers. As a consequence, I started getting into development and taking small online courses to learn more about coding. In the end, I really liked it and got really…

Student's story: Thaisa Stelmo, Biomedical Scientist turned Developer

I’m Brazilian. I’ve lived in Brazil almost all my life and after that I’ve moved to Australia. I hold a Bachelor degree in Biomedical Science and in AustraliaI I did Laboratory Techniques course, so I could work in the lab. I lived there for 5 years…

Christine Chang: I wish I had done code camp 5 years ago. I would have been working all these years making up the tuition cost in a month or two

My experience during Full-Stack JavaScript Bootcamp I attended Barcelona Code School in August to October 2018 and was very happy with the experience. I had previous programming and Javascript, HTML, CSS experience, and had been trying to teach…

Sane approach to modern CSS

Teaching CSS as a part of our Web / Mobile Development Bootcamp for several years now helped to see some of the most common confusions shared among beginners. Although CSS is not a programming language, for some it seems to be even more frustrating…

UX Storyboards: the power of stories in the design process

Research is an inseparable part of the User Experience Design. Most common research techniques like interviews, focus groups, and testing sessions help designers gather information about their users and understand their needs. Hereafter the synthesis…

How bootcamp can help you

Technical intensive courses a.k.a. bootcamps are the biggest thing that happened in education in the last several years. College graduates and experienced professionals from other areas choose intensive programs over long university careers and…

What background and skills do I need to become a UX designer?

User experience design is the process of creating products that provide meaningful and pleasurable experiences to the users. It consists of research, testing, development, content creation, prototyping and testing tasks that bring quality results in…

UX vs. UI: What is the difference?

With technological progress, we can see new job titles coming out every day. New professions like organ designers and drone pilots are swiftly becoming a common thing. UX and UI design have become buzzwords of the recent years, but unfortunately…

Student's story: Diane Serra – UI Designer & Developer at Xrossworld (Los Angeles, USA)

Diane is a great example of how persistence and time management can help you achieve your goals and take your career to a completely new level. Mixing the role of a mother and a bootcamp student had an extra amount of pressure on her; still her story…

Decentralized apps with Blockstack

Build applications where users bring own their data, identity, friend network, and money. Now we’ve got your attention, check this out: On Friday, December 7th at 17:00 Barcelona Code School is virtually hosting engineers from Blockstack who will…

Building a single page website with CSS Grid

"Building a single page website with CSS Grid" is a practical workshop designed for the beginner students looking into learning the best practices in building modern and responsive websites. During the workshop we are going to go through the entire…

Freelancing opportunities with Huxley for our graduates

If you are looking into becoming a freelancer after graduation from the Web / Mobile Development Bootcamp we have some good new for you. Thanks to our collaboration with Huxley we now offer an opportunity to begin you freelance career as a web/mobile…

Why self-learning coding platforms are evil

After running a coding bootcamp for some time now I have noticed a strong trend shared by many students who tried one of the platforms like freecodecamp and codecademy – they have no idea what they are doing. Don't get me wrong - they are all great…

Accenture is a hiring partner at Barcelona Code School

Barcelona Code School proudly welcomes Accenture Technology into the fold. Our Web / Mobile Development Bootcamp graduates certainly have a lot to look forward to with such an esteemed company looking to hire from our graduating pool. A worldwide…

Edie Windsor Coding Scholarship

Barcelona Code School is proud to partner up with Lesbians Who Tech in offering the Edie Windsor Coding Scholarship. The full scholarship, named for Edie Windsor a programming pioneer at IBM and LGBTQ activist, helps LGBTQ women kickstart a new…

Key difference between in-person and online bootcamps

Like many aspects of our fast-paced world, education has come a long way from the dusty green chalkboards of our childhoods. More and more people and institutions are turning to modern ways of connecting and teaching today’s students. And what could…

New hiring opportunities with Biings

We’re proud to welcome Biings Technologies into our circle of hiring partners. A software start-up whose their flagship product, Biings, is innovating the field of Human Resource Management by focusing on improving on wellbeing in the workplace. An…

International job placement form Walters People

Barcelona Code School would like to warmly welcome Walters People as a hiring partner. Part of the global recruitment specialist Robert Walters Group, Walters People operates out of Spain, Belgium, France, and the Netherlands which is a great…

Summer Coding Camp in Barcelona Code School

Summer of code 2018 is coming! For our third annual coding camp we’ve chosen Responsive Web Design as the theme for the first week, so you will be using modern CSS to create amazing webpages that also look great on mobile – so you can share it with…

JavaScript Programming course in Barcelona Code School

This is JavaScript!!! You asked and we delivered! Get hands-on experience in pure programming with our intensive JavaScript course where you will learn logic, syntax, and the use of JavaScript, the most in-demand language in web and mobile…

New npm package from our instructor Antonello

Responsive react navbar npm package from Antonello Sanna Ladies and gentlemen, we present you the responsive fully customisable React navbar npm package built by our star instructor Antonello. Built in a truly React.js way this navbar is totally…

Student’s story: Brianna Fritsch

Brie, a go-getter that sets out to achieve whatever she puts her mind to, came to us in Barcelona Code School from the U.S.A. Having already worked in a number of different fields, including veterinary medicine and personal training, she then focused…

Google I/O talks in Barcelona

Barcelona Code School is proud to announce that we will be participating in this year’s Google I/O Extended Barcelona for Women, Non Binary and Allies. We’ll be helping you build a responsive single-page website with CSS Grid, which will look great…

BCS Open House / May 11, 2018

Spring is here and it’s time for new beginnings! Want to jump-start a new career or fast-track your existing one? Curious on how learning to code can change your life? Come join us at Barcelona Code School and learn more about how you can benefit…

Student’s story: Mike Sullivan

Graduated from the Web / Mobile Development Bootcamp Job landed: front-end developer at Green Power Monitor, Barcelona Mike One of Barcelona’s newest residents, Michael, embraces change. After moving to Barcelona to be with his girlfriend, he decided…

Student's story: Ting Liu, junior developer at Metro AG

“Follow your passion”, they say, and passion is what lead Ting to Barcelona Code School’s door. And what a journey it’s been! Originally from China, Ting has been working as a brand manager in Korea, where she launched her first product just five…

BCS Open House

If you are ready to enrol, still deciding or simply curious we invite you to come by Barcelona Code School on Thursday 26 of April to learn more about our Web / Mobile Development Bootcamp in-person and online editions.

UX Weekend workshop in Barcelona Code School

a.k.a. How to Avoid Usability Hell Design hell We are excited to announce a standalone UX Weekend workshop in Barcelona Code School coming on June 23–24. Unsheathe your laptops and prepare to get seriously trained on the UX design fundamentals and…

Summer Coding Camp 2018

a.k.a. How to Avoid Usability Hell Summer Coding Camp in Barcelona Code School Third annual BCS Young Coders Summer Camp 2018 is open for registration. This time we have 3 weeks from June 25 to July 13 with programme designed for 13–17 years old…

Student’s story: Ross — from beginner to a job in Madrid

Ross After working as an electrical designer for more than ten years, Ross took a life-changing decision — moved to Barcelona and decided it’s time to switch jobs and make a transition into tech. As most Barcelona Code School’s students Ross was a…

Raise money for your studies at Barcelona Code School

We have good news to all future female leaders. Barcelona Code School now has a partner that can make your tech dreams come true. FutureFunded can help you to raise funds to afford our 9-week training program and become a superstar web developer. FAQ…

Why do we love programming

Here are 6 reasons why Barcelona Code School team loves programming. Coding is something that makes a difference. When you code, you get this feeling that you are helping people. Through code you can create something that people interact with, use…

Goodbye jQuery

It has been really good to know you and work with you. Thanks for all the amazing memories and DOM manipulation. Now it’s time for us to move on. Hello React. From now on to affirm our claim of teaching cutting-edge curriculum we are extremely happy…

Barcelona Code School partners with Clouding.io to give students cloud services for free

We are announcing another exciting partnership with a cloud infrastructure provider — Clouding.io. All students who signed up for Web / Mobile Development Bootcamp with Barcelona Code School will get a free balance to try Clouding.io Cloud Servers…

Developers skills report 2018

New year, new data released to backup the statement that learning how to code will become more and more important in the future. This week a survey of over 39,000 software developers was published by HackerRank to provide some interesting insights…

Start when you want with our JavaScript Full-Stack Online Bootcamp

No need to wait the the next starting date anymore. From now on new group starts every 2 weeks. After signing up you receive all the course materials, including video lessons, live lectures recorded in 360 format to watch with VR goggles (included in…

7 reasons to learn programming in 2018

We are two weeks into 2018 already. How are you keeping your New Year’s coding resolutions on track? Yes, we know what you are thinking right now – every day is a perfect day for a start, and hearing about yearly resolutions over and over again…

42%

While everybody is talking about supporting women in tech, we actually do that. We are extremely proud, that currently 42% of our graduates are women.