-
CLI =>A command-line interface or command language interpreter*
-
Agile Web Development => broad category of methodologies based on the principles outlined in the Manifesto for Agile Software Development, which was compiled by a team of professional developers in 2001. Specific methods such a scrum and XP are considered agile although they existed before the manifesto was written*
-
Markdown => Markdown’s syntax is intended for one purpose: to be used as a format for writing for the web. Markdown cheatsheet
-
Git, GitFlow y Github => Git is a free and open source distributed version control system
-
Jasmine => TDD (Test Driven Development)
-
JavaScript => is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language.
- Objects, variables, arrays, functions
- Hositing => Hoisting is JavaScript's default behavior of moving declarations to the top
- Memoization => is a programming technique which attempts to increase a function's performance by caching its previously computed results
- Polyfills => A polyfill is a browser fallback, made in JavaScript, that allows functionality you expect to work in modern browsers to work in older browsers.
- Prototypes => Every JavaScript object has a prototype. The prototype is also an object. All JavaScript objects inherit their properties and methods from their prototype.
- this & binding => Usually we apply bind to fix 'this' in an object method, so that we can pass it somewhere.
- High Order Functions => A higher-order function is a function that can take another function as an argument, or that returns a function as a result
- this vs binding
- Shuffle Prototype
- Prototypes
- Objects
- Control Flow
- CamelCase Function
- Closures
- Hangman
-
HTML5 => Hypertext Markup Language is the standard markup language for creating web pages and web applications. With Cascading Style Sheets and JavaScript it forms a triad of cornerstone technologies for the World Wide Web.*
-
CSS => Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language.
- FlexBox
- Grid
-
Sass =>(https://sass-guidelin.es/es/) Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
-
DOM =>(https://developer.mozilla.org/es/docs/DOM) The Document Object Model is a programming interface for HTML and XML documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects. That way, programming languages can connect to the page. A Web page is a document.
-
JQuery => jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
-
Ajax (Asynchronous JavaScript And XML) => a set of Web development techniques using many Web technologies on the client side to create asynchronous Web applications
-
Node.js => Node.js is a platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications.
-
Frameworks => Front-end Frameworks (or CSS Frameworks) usually consist of a package made up of a structure of files and folders of standardized code (HTML, CSS, JS documents etc.) which can be used to support the development of websites, as a basis to start building a site.
-
Bootstrap => Bootstrap is a free and open-source front-end web framework for designing websites and web applications.
-
Materialize => A modern responsive front-end framework based on Material Design
-
uikit => A lightweight and modular front-end framework for developing fast and powerful web interfaces.
-
-
ECMAScript 6 (ES6)
-
ECMAScript 2015 => ECMAScript 6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. ES6 includes many new features
-
ES6 Promises => The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.
-
Fetch => The Fetch API provides a JavaScript interface for accessing and manipulating parts of the HTTP pipeline, such as requests and responses. It also provides a global fetch() method that provides an easy, logical way to fetch resources asynchronously across the network.
-
-
API => acronym for Application Programming Interface, which is a software intermediary that allows two applications to talk to each other
-
Challenges recursion
Biblioteca Javascript de código abierto para crear interfaces de usuario con el objetivo de animar al desarrollo de aplicaciones en una sola página
-
JSX => Is a statically-typed, object-oriented programming language designed to run on modern web browsers
-
Babel => Herramienta que nos permite transformar nuestro código JS de última generación (en este caso JSX) a JS que cualquier navegador o versión de Node.js entienda.
-
React Dev Tools => Tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more
-
Create-React-App => Offers a modern build setup with no extra configuration needed.*
-
React Router => React Router keeps your UI in sync with the URL. It has a simple API with powerful features like lazy code loading, dynamic route matching, and location transition handling built right in. Make the URL your first thought, not an after-thought
-
withRouter => You can get access to the history object's properties.withRouter withRouter will pass updated match, location, and history props to the wrapped component whenever it renders.
Time for team project!! a very productive week, we stop and see what we've done for the last 4 weeks and challange our selves by doing a frontend project using REACT and BOOTSTRAP as main frameworks and many others technologies such as JASMINE, REACT ROUTER or MAPBOX GL JS. We used SpaceX public API.
You can check the full README file on the Rocketman repository main folder. You can also check the live demo of the project on this Surge site.
This project allowed us to secure concepts and go real on pro-like project dynamics. It was a pleasure to work and learn alongside my classmates Mario and Carlos.
You can checkout all classmates projects here.
-
Node.js => Node.js is a platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications.
-
Express.js => Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
-
API rest => application programming interface (API) is a set of subroutine definitions, protocols, and tools for building application software. In general terms, it is a set of clearly defined methods of communication between various software components.
-
npm PACKAGES => Use npm to install, share, and distribute code; manage dependencies in your projects; and share & receive feedback with others.
-
Promise.all vs Promise.race (course/topics/frontend/javascript/promise-all-vs-promise-race)
-
npm package: npm winston - logger para escribir logs en un fichero
-
Async await (stuff/es6/async-await)
-
MongoDB
arrancar MongoDB: en el directorio mongodb-osx-x6.... ejecutar ./bin/mongod --dbpath ./db
arrancar cliente MongoDB: en el directorio mongodb-osx-x6.... ejecutar ./bin/mongo
- Connecting React with API and Mongo DB