Full Stack “MERN”

Development

Program Syllabus
 Table of Contents
Greeting from Our Founder 3

What You Will Learn & What You Will Need 4

Program Timeline 5

The Program Modules 6

Hiring Partners 8

Our Learning Methodology & Authors of the Program 9

Contact Us 10

Full Stack “MERN” Development Program 2

 Greeting from our Founder
Dear Future Student,

Thank you for your interest in Ubiqum Code Academy! I founded Ubiqum with two goals in mind: to
create a world-class educational experience and to help students launch satisfying careers in
technology. McKinsey, a leading consulting firm, estimates that the year 2020 will require more than
225,000 jobs related to programming and coding. However, I looked at the market and found the
approach of most bootcamps to be lacking. While there were many programs in skills like Full Stack
“MERN” Development, few if any, were willing to promise their students that they would be equipped
with job-ready skills and knowledge. And fewer still committed to finding them great jobs to launch their
new careers. We do. Our learn by doing methodology was developed by many of the leading experts
in education and learning sciences. At Ubiqum Code Academy you will work in realistic projects, with
goals and activities that mirror those you will confront when you are working professionally.

You interact with other students and have full-time access to expert mentors who will guide you through
figuring out how to solve the challenges. This is why we can promise you not just a job, but a good job,
and one you will excel at. Put simply, our methodology works. There are probably funnier programs
in the market, or easier ones, but we are confident ours is the one that will best prepare you for the next
stage of your career.

Please review the syllabus for our Full Stack “MERN” Development program on the next few pages
and contact us if you would like to discuss coming to join us in Barcelona, Berlin, Amsterdam, Madrid,
Lisbon, or Buenos Aires.

Best Regards,

Sebastian Barajas
Founder & CEO of Ubiqum Code Academy

Full Stack “MERN” Development Program 3

 What you will Learn
In Ubiqum’s Full Stack “MERN” Development program you will learn how to:

Design and build responsive Front-End web applications using HTML5, CSS3, and
JavaScript.

Build a full stack web application based on JavaScript using “MERN” (MongoDB, Express.js,
React and Node.js) stack technologies.

Use and integrate third party API’s and understand how to create REST & CRUD API’s.

Become an active contributor to the developer community.

Practice version control and deploy your code using Github.

Learn to effectively analyse project tasks and goals and defend the decisions made.

Write clean, modular and efficient code, following the standards of good practices and
refactoring it for optimisation.

Market yourself to potential employers and land a career in technology.

Apply Agile processes to plan, manage, and track your software developer progress.

What you will Need

The following is required to take the course:

Motivation The desire to work hard

Basic level of English A working laptop

Full Stack “MERN” Development Program 4

 Program Timeline
WEEKS 1 - 2 In this first 2-week module, you will learn the basics of Front-End
Module 1 development and create your first web pages using HTML5 and
Front-End CSS3 languages. You will also learn how to report and plan your work
HTML5 and
in daily Agile standups and get started with Flexbox.
CSS3

WEEKS 3 - 5 After grasping the basics of coding, you will spend 3 weeks mastering
Module 2 one of the most used languages in tech: JavaScript. Your goal in this
JavaScript project is to use JS to build an interactive web app composed of
AJAX, JSON, APIs,
multiple public data sources. You will use APIs to gather JSON data
Bootstrap,
Vue.js and style your pages with Bootstrap.

WEEKS 6 - 7 This reinforcement module is used for reinforcing concepts in

Reinforcement JavaScript and/or preparing the student for the MERN stack.
Module

WEEKS 8 - 12 This module introduces MongoDB, Express, React, and Node.js,

MERN also known as the popular “MERN” stack. You will learn how to
Module create a Javascript-based full-stack architecture by building an MVP
“MERN”
for a mobile application that allows users to search and share trip
itineraries.

With the “MERN” Stack framework you will create your backend
setup with Node.js, Express and MongoDB. Getting started your
frontend App with React, and then begin the interaction with the
back-end. You will then be able to effectively implement the entire
framework from the frontend in order to share data between React
Components. The key technologies you’ll learn are:

· MongoDB
· Express / Node.js
· React
· ES6 + javascript

Full Stack “MERN” Development Program 5

 Program Modules
Weeks 1-2
Module 1
HTML5 and CSS3

In this module, you will be a freelancer who develops websites for small organizations. The
Northside Youth Soccer League (NYSL) has hired you to develop a website for your Soccer
teams.

You will learn to:

· Create a website with several pages using HTML5.

· Customize the look and style of the website using CSS.
· Format a web page to display complex information.
· Add graphics and maps to the website.
· Use forms to capture the input of user information.
· Test the website for compliance with W3C standards and ensure its operation on a variety of
browsers and versions.

Weeks 3-5
Module 2
JavaScript

In this module you will be a developer for “Code of the Web”, a software company that develops
custom web applications in JavaScript. They have hired you to develop a follow-up website for the US
Congress. You will work on this web application using JavaScript and some of its most commonly
used frameworks, including: JSON, APIs, and Bootstrap.

You will learn to:

· Program Web applications with JavaScript.

· Develop and code functions that allow one to treat and segment the information.
· Use vanilla JavaScript
· Access and display information stored in JSON.
· Use API to access third-party resources.

Full Stack “MERN” Development Program 6

Reinforcement Weeks 6-7
JavaScript Frameworks

In this module, you will be working on software requirements that will help you transition from pure
JavaScript to JavaScript frameworks. You could work with requirements related to a Bookstore
application or a Weather application.

You will learn to:

· Manipulate a JavaScript framework such as React.js

Weeks 8-12
MERN “MERN” Stack

You’ve just been hired with a new development group specializing in front-end web apps. Your client
wants to build a Minimum Viable Product (MVP) for a new concept of a travel mobile application,
called MYtinerary.com. Their requirements state that it will be built in the new full-stack architecture:
MERN (Mongo, Express, React, Node). Over 5 one-week Sprints, you will develop various aspects
of the application, building dynamic front-end UI elements, a server environment, and a database. You
will deliver your MVP and test it out with actual users, and then determine what next steps you would
like to prioritize before the product’s formal release.

You will learn to:

· Set up your own local version of a “MERN Stack” development instance.

· Use Node.js and Express to create a runtime server in JavaScript, manage front- and back-end
interactions, and authenticate user information.
· Design and build a BSON-based database with MongoDB and write queries to instantiate the
information in the front-end.
· Create dynamic UI components, such a real-time filters, sorted lists and maps, using the React front-
end framework.
· Write CRUD APIs to pass authenticated data between your two stacks.

Full Stack “MERN” Development Program 7

 Hiring Partners
Just some of the many organizations that are actively hiring Ubiqum Alumni:

Full Stack “MERN” Development Program 8

 Our Learning Methodology
The Story Centered Curriculum methodology is a project-based, learn-by-doing approach that
promotes retention and the transfer of knowledge and skills from the learning environment to the
workplace. In a Story Centered Curriculum you will:
Perform authentic tasks in realistic professional scenarios.

Adopt roles that model the real-world jobs you will have after graduation.

Collaborate with your fellow students on various activities and projects.

Have constant access to skilled mentors who help you achieve learning “breakthroughs” on
complex tasks.
Interact with structured learning resources, tied to specific project goals, and learn to find and
use the vast wealth of external resources currently available.
Actively analyze and reflect on what you’ve done to reinforce the skills you’ve learned and
develop mental models you can transfer to your professional career.
Learn how to plan and estimate your work in an Agile project setting.

Authors of the Program

Dr. Chris Riesbeck holds a PhD in Computer Science from Stanford
University, and is currently a Professor in the Department of Engineering and
Computer Science at Northwestern University. As a specialist in case-based
reasoning, Dr. Chris Riesbeck has developed multiple programs with the Story
Centered Curriculum architecture.

Nathan Benjamin is Head of Product and Chief Strategist for Ubiqum Code
Academy. He has over 20 years of experience in the design and development of
innovative digital education products. Most recently he developed Story Based
products for McGraw Hill Digital Education and edX courses for the
Smithsonian, Harvard and MIT.

Kyle Constance is a technology professional with over 10 years experience in

his field. He has experience in full stack web development and specializes in
front end technology. He has worked on many cross-functional teams to
provide solutions for top technology organizations such as HBO, MLB.com,
Bloomberg LP and Disney.

Full Stack “MERN” Development Program 9

 Contact Us
If you are interested in signing up for the course or have any questions, you can contact us, stop by
the Academy for a visit, and/or attend our informative sessions and other events that we organize.

Barcelona Berlin
Cloudworks Sant Antoni We're All In coworking
Carrer del Comte Borrell, 62, Torstraße 177
08015 - Barcelona (Spain) 10115 - Berlin (Germany)
[email protected] [email protected]
+34 655 530 227 +49 176 7689 6833

Amsterdam Madrid
B. Amsterdam Cloudoworks Cibeles
John M. Keynesplein 12 Calle de Pedro Muñoz Seca, 2
1066 EP - Amsterdam (Netherlands) 28001 - Madrid (Spain)
[email protected] [email protected]
+31 611 318 998 +34 655 530 227

Full Stack “MERN” Development Program 10