New! Advanced Frontend development - Angular JS, Node JS, and Bootstrap framework

IT spetsialistileTarkvaraarendus

The main goal of the course is to gain a strong skill in programming Web applications with Angular JS, Node JS and bootstrap framework and become able to create a full-featured website.

After finishing this course student has the abilitys to:

  • Use Bootstrap, Angualr JS, and Node JS.
  • Describe the new features of  these frameworks and demonstrate how they work.
  • Create Web pages that can adapt to different devices and form factors.
  • Enhance the user experience by improving the responsiveness of a Web application
  • Create a full-featured website and responsive website

See the web portfolio of lecturer here: Amir Zare Pashaei

Our class Frontend Development and Web Design (UX/UI) with HTML5 and CSS3 is a good starting point to cover the prerequisites needed for this class but its not required to attend.


Investeering: 499,00 € + km
Lektor: Amir Zare Pashaei
Tundide arv: 24 akadeemilist tundi

Sihtgrupp:Prerequisites - we welcome peole who have basic web programming skills and full skill in HTML5/CSS3.

Programm:

Day1:
Angualr JS

  • What is AngularJS
  • Installing and running basic applications
  •  Understanding the Model-View-Controller
  • Using Modules and scope
  • Working with complex models
  • Using the $http service to read JSON file
  • Filtering content using directive
  •  Binding to input fields through filters
  • Setting up deep linking
  • Working with the $routeProvider service
  • Wiring up a second partial
  • Create a detailed template
  • Adding navigation to the details page
  • Using angular animation events

Day2:
2.Bootstrap

  • Introduction to bootstrap
  • Create a basic template using CDNs
  • Downloading and installing
  • Bootstrap containers
  • Rows
  • Creating columns
  • Multiple column classes
  • Resetting columns
  • Offsetting columns
  • Nesting columns
  • Customizing column orders
  • Styling heading and body
  • Analyzing inline text styles
  • Modifying, alignment, transformation, and abbreviation
  • Blockquotes
  • List styles
  • Styling code
  • Bootstrap buttons
  • Table styles
  • Image classes
  • Helper classes
  • Forms
  • Input groups
  • NavBar and dropdowns
  • Collapsible contents
  • Tooltips
  • Popover
  • Menus

Day3:
3.Node JS

  • Node JS history
  • How does Node JS work
  • Installing Node JS
  • The global object
  • Argument variables
  • Standard input and output
  • Global timing functions
  • Core modules
  • Collecting information with readline
  • Handling events with EventEmitter
  • Exporting custom modules
  • Creating child process with exec
  • Creating child process with spawn
  • Listing directory files
  • Reading, writing, and appending files
  • Directory creation
  • Renaming and removing files and directories
  • Readable and writable file streams
  • Making a Http request
  • Building a web server
  • Serving files
  • Serving JSON data
  • Collecting POST data
  • Installing NPMS
  • File servers with httpster
  • Package.json file
  • Express routing and CORS
  • Express post bodies and params
  • Creating a websocket server
  • Broadcasting messages with WebSockets
  • WebSocket with Socket IO
  • Testing and debugging
  • Hint the code with Grunt
  • Converting LESS to CSS with Grunt
  • Development with grunt watches
  • Automating and debugging with NPM

Learning methods: Practical exercise, independent work.

Assesment methods: Execution of independent work.

Assesment form: Independent practical tasks on relevant topics.

Price includes coffee breaks and lunhces in  restoran "Lusikas".





Registreeri koolitusele Küsi lisa
Sulge