Web and Mobile application component developmnet

  • Courses
  • Web and Mobile application component developmnet
Web and Mobile application component developmnet

Course Overview

In our web development phase, our students will learn Core front-end and back-end web development which includes  HTML, CSS, JavaScript, Node.js, Javascript ES6, React Native, and UI/UX. Project developments.

 Course Outline

First phase

  • Introduction to HTML5 and what basic web design is.
  • Identify how to create a simple web page. Identify how to format your text. 
  • Identify adding web links and images. Demonstrate creating tables. 
  • Identify forms. 
  • Identify adding styles and classes to your web pages. 
  • Demonstrate borders, backgrounds, and floating divs. 
  • Identify building web page layouts with CSS. 
  • Identify adding videos and graphics with html5. 
  • Summarize using fonts and effects in HTML5 and CSS3. 
  • Describe responsive web design with HTML5 and CSS3.

Second phase

  • Define CSS. 
  • Demonstrate using basic CSS syntax. 
  • Demonstrate set up web pages with CSS. 
  • Demonstrate using CSS for styling text, font, and properties.
  • Demonstrate using CSS for styling page backgrounds. 
  • Demonstrate styling lists in CSS. Demonstrate using CSS classes and IDs.
  • Demonstrate using borders and height and width CSS properties.
  • Demonstrate using CSS pseudo-elements. 
  • Demonstrate positioning elements with CSS. 
  • Demonstrate validating CSS and HTML. 
  • Introduction to javascript
  • Javascript language essentials
  • setting up an ES6 IDE
  • Understanding ES6 essentials
  • classes and prototypes
  • Data structures
  • Closures in ES6
  • ES6 Generators
    Asynchronous Programming, promises, and APIs
  • ES7 and ES8 introductions

Third Phase

React Native Training

React native Course Overview

  • Setting up React Native Development Environments
  • Displaying Scrollable Lists with ScrollView Component
  • Rendering Large Lists with FlatList Component
  • Displaying Large Lists by Section Using SectionList Component
  • Developing Reusable Custom Components
  • Configuring User Inputs with TextInput Component
  • Summary

Last phase

     Introduction to Node. js real-time 

fast and scalable data-intensive applications running in real time.

This fast-paced hands-on course provides the core skills required to develop web applications with Node.js. You will progress from a rudimentary knowledge of JavaScript and server-side development to being able to create, maintain and test your own Node.js applications. You will explore the importance of transitioning to functions that return Promise objects, the difference between fs, fs/promises, and fs-extra, as well as how to use the HTTP Server and Client objects, and data storage with both SQL and MongoDB databases.

Learning Objectives

This skills-focused course is approximately 50% hands-on. Our engaging instructors and mentors are highly experienced practitioners who bring years of current "on-the-job" experience into every classroom.

  • Working in a hands-on learning environment, guided by our expert team, attendees will learn to:
  • Learn server-side JavaScript coding through Node.js
  • Explore the latest JavaScript features, and ECMAScript modules
  • Walk through different stages of developing robust applications using Node.js
  • Install and use Node.js for development
  • Use the Express application framework
  • Work with REST service development using the Restify framework
  • Use data storage engines such as MySQL, SQLITE3, and MongoDB

Course Outline

1 - Overview of Node.js

  • The capabilities of Node.js
  • Why should you use Node.js?
  • The Node.js event-driven architecture
  • Embracing advances in the JavaScript language
  • Developing microservices or maxiservices with Node.js

2 - Setting Up Node.js

  • System requirements
  • Installing Node.js using package managers
  • Installing from the source on POSIX-like systems
  • Installing multiple Node.js instances with nvm
  • Requirements for installing native code modules
  • Choosing Node.js versions to use and the version policy
  • Choosing editors and debuggers for Node.js
  • Running and testing commands
  • Advancing Node.js with ECMAScript 2015, 2016, 2017, and beyond
  • Using Babel to use experimental JavaScript features

3 - Exploring Node.js Modules

  • Defining a Node.js module
  • Finding and loading modules using require and import
  • Using npm – the Node.js package management system
  • The Yarn package management system

4 - HTTP Servers and Clients

  • Sending and receiving events with EventEmitter
  • Understanding HTTP server applications
  • HTTP Sniffer – listening to the HTTP conversation
  • Web application frameworks
  • Getting started with Express
  • Creating an Express application to compute
  • Fibonacci numbers
  • Making HTTPClient requests
  • Calling a REST backend service from an Express application

5 - Your First Express Application

  • Exploring Promises and async functions in Express router functions
  • Architecting an Express application in the MVC paradigm
  • Creating the Notes application
  • Theming your Express application
  • Scaling up – running multiple Notes instances

6 - Implementing the Mobile-First Paradigm

  • Understanding the problem – the Notes app isn't mobile friendly
  • Learning the mobile-first paradigm theory
  • Using Twitter Bootstrap on the Notes application
  • Flexbox and CSS Grids
  • Mobile-first design for the Notes application
  • Using third-party custom Bootstrap themes

7 - Data Storage and Retrieval

  • Remembering that data storage requires asynchronous code
  • Logging and capturing uncaught errors
  • Storing notes in a filesystem
  • Storing notes with the LevelDB datastore
  • Storing notes in SQL with SQLite3
  • Storing notes the ORM way with Sequelize
  • Storing notes in MongoDB

Make your Comments here

    0 Comment(s)

Talk about this Program

Your email address will not be published. Required fields are marked *