Front End Web and Mobile Development

Learn front-end and hybrid mobile development for implementing a multi-platform solution.
The first two courses in this curriculum cover front-end frameworks: Bootstrap 4 and React. You’ll also learn to create hybrid mobile applications, using the React Native Framework.

FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP
This course will give you an overview of client-side web UI frameworks, in particular Bootstrap 4. You will learn about grids and responsive design, Bootstrap CSS and JavaScript components. You will learn about CSS preprocessors, Less and Sass. You will also learn the basics of Node.js and NPM and task runners like Grunt and Gulp. You will also learn how to use source control tools like Git and GitHub.

FRONT-END JAVASCRIPT FRAMEWORKS: REACT
This course explores Javascript based front-end application development, and in particular the React library (Currently Ver. 16.3). This course will use JavaScript ES6 for developing React application. You will also get an introduction to the use of Reactstrap for Bootstrap 4-based responsive UI design. You will be introduced to various aspects of React components. You will learn about React router and its use in developing single-page applications. You will also learn about designing controlled forms. You will be introduced to the Flux architecture and Redux. You will explore various aspects of Redux and use it to develop React-Redux powered applications. You will then learn to use Fetch for client-server communication and the use of REST API on the server side. A quick tour through React animation support and testing rounds off the course. You must have preferably completed the previous course in the specialization on Bootstrap 4, or have a working knowledge of Bootstrap 4 to be able to navigate this course. Also a good working knowledge of JavaScript, especially ES 5 is strongly recommended.

MULTIPLATFORM MOBILE APP DEVELOPMENT: REACT NATIVE
This course focuses on developing truly cross-platform, native iOS and Android apps using React Native and the Expo SDK. React Native uses modern JavaScript to get truly native UI and performance while sharing skills and code with the web. You will learn about UI development with React Native UI and layout support and access the native mobile platform's capabilities from Javascript using the Expo SDK. You should have already completed the Bootstrap 4 and the React courses in this specialization before proceeding with this course.