HTML Fundamentals. Code Institute Modular Outline for each Subject in the Program. Quizzes %

Transcription

1 Subject Title HTML Fundamentals Subject Description Subject Length in hours 10 HyperTet Markup Language (HTML) is a powerful computer language devised to implement website creation. HTML is all about content; it defines the structure of the web pages that we view in our browser every time we go to Facebook, Twitter, Amazon, or any other site. HTML5 is the latest version of the language, which incorporates added video functionality and other features. It takes design and structural cues from print media, allowing us to create headings, paragraphs, and insert images. Most importantly, HTML allows us to link eternally to other web pages. Resources used in delivery: All materials housed in Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Quizzes % Method Lecture Computer Based Learning Seminar Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education

2 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) HTML Content Elements Headings, Paragraphs and Comments Divs, Spans and Attributes Lists and Links Images and Forms iframes Semantic Web Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Create a basic webpage (that runs locally) using semantic HTML elements Structure and organise block and inline elements on a basic webpage Create numbered and bullet point lists of information on a webpage Demonstrate competence in working with images, audio files and video files through the use of semantic HTML files or embedded iframes Demonstrate competence in working with hyperlinks to allow users to navigate a basic webpage or to open a new tab/window to another webpage

3 Contact Hours 1 HTML Document Module Topic Sub Topics Relative Weight in % 10% 1 HTML Content Elements 10% 1 Headings, Paragraphs and Comments 10% 1 Divs, Spans and Attributes 10% 2 Lists and Links 20% 2 Images and Forms 20% 1 iframes 10% 1 Semantic Web 10%

4 Subject Title CSS Fundamentals Subject Description Subject Length in hours 10 Cascading Style Sheets (CSS) allows developers to create styles, and provides the visual impact for websites without having to write comple HTML. CSS doesn t have to be written into a.html file, and can be linked to from anywhere on the web, allowing for the sharing of style sheets, a practice that is commonly used by developers. CSS allows you to enhance the User Eperience (UX) for web pages. You ll learn how to style and modify the elements that you ve created in HTML pages, and how to structure your elements in a balanced way. Gain a knowledge of how to work with different types of fonts, and much more! Resources used in delivery: All materials housed in Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Quizzes % Method Lecture Computer Based Learning Classroom/Lab (Off-campus) Seminar Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education

5 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) CSS Synta and Selectors Inline and Embedded CSS Eternal CSS and Precedence CSS Rules Comments and Font-family Styling Fonts The Bo Model Background Appearance Bo Sizing Layout, Visibility and Positioning Z-inde Layout Interactions Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Style the HTML elements of a basic webpage using inline, embedded and eternal CSS Target specific HTML elements with styling rules based on their element tag, id or class Implement the design features and enhance the user eperience of webpages by using CSS rules to introduce colour schemes and fonts to webpages Demonstrate competency in using the Bo Model concepts as well as layout, visibility and positioning techniques to improve the layout, size and structure of HTML elements that make up your webpage

6 Module Outline Contact Hours 1 CSS Synta and Selectors Module Topic Sub Topics Relative Weight in % 1 Inline & Embedded CSS 10% 10% 1 CSS Rules & Eternal CSS 10% 1 Comments & font-family 10% 1 Working with Tet & Fonts 10% 1 Bo Sizing & The Bo Model 10% 1 Working with Background 10% 1 Layout and Visibility 10% 1 Z-Inde 10% 1 Layout Interactions 10%

7 Subject Title User Centric Frontend Development Subject Description Subject Length in hours 72 Frontend developers use HTML, CSS and JavaScript to code the website and web app designs created by web designers. The code they write runs inside the user s browser, as opposed to a backend developer who runs code on a web server. Frontend developers resolve any errors or bugs on the frontend. They ensure that all interactions on web browsers are seamless and user friendly, as well as managing the design across various platforms. In this module you'll learn the skills, tools and languages to create great web based user centered eperiences. Tetbooks/Manuals Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Project Method Lecture Computer Based Learning Seminar X Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) X Distance Education X Does the subject require a final eamination or a formal evaluation? Yes No If Yes, Indicate the pass mark: 50%

8 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) HTML5 CSS3 Bootstrap Git & GitHub Cloud9 IDE Chrome Developer Tools Understand responsive design, semantic markup and other web development best practices Principles of User Eperience Design Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Demonstrate skill in following a User Eperience Design (UXD) approach to understand user needs Design, develop and implement a Non-interactive Front End website Effectively use an Integrated Development Environment (IDE) Effectively use version control for maintaining and sharing code with other developers

9 Module Outline Contact Hours Module Topic Sub Topics 3 Using the IDE How do I get my (brilliant) ideas into the machine Relative Weight in % 3 Version control with Git Rescue Your Work From Certain Death 4 1 Using the browser developer tools Fiing And Eamining Stuff 1 5 Responsive web design with CSS 7 9 Advanced CSS styling Let's make those elements dance Bootstrap Bootstrapping Your Net Big Idea 14 6 User Eperience Design It's All About The User Eperience 8 15 Putting it all together - Resumé Mini Project I Milestone Project

10 Subject Title JavaScript Fundamentals Subject Description Subject Length in hours 15 JavaScript is a coding language that allows you to enhance your HTML with animation, interactivity, and dynamic visual effects. Javascript is currently the most popular coding language. It integrates the ability to provide immediate and insightful feedback to users. For eample, a JavaScript-powered shopping cart can instantly display a total cost to a website visitor. In this module you ll learn the foundations of JavaScript. In addition to eploring the common concepts and structures that underpin most modern programming languages, you will emerge from the course with the skills and the knowledge required to go to the net level of fully interactive web development. Resources used in delivery: All materials housed in Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % ValueQ Quizzes % Method Lecture Computer Based Learning Seminar Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education

11 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) Working with Numbers, Strings and Arrays Comments Decision Structures Operators Loops and Iteration Functions and Keywords Object-Oriented Programming Prototypes Handling Eceptions Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Incorporate simple animations, interactivity and dynamic visual effects to your web applications through the use of JavaScript Demonstrate practical applications of object oriented programming concepts by modelling real world objects and scenarios in JavaScript Create simple operations, functions and loops to introduce logic to your web applications Demonstrate how to handle simple eceptions when faced with unepected inputs or user actions

12 Module Outline Contact Hours 1 Working With Numbers Module Topic Sub Topics Relative Weight in % 7% 1 Comments 7% 1 Strings 8% 1 Arrays 7% 1 Decisions and Structures 7% 2 Operators 12% 2 Loops and Iteration 12% 2 Functions & Keywords 12% 1 Object-Orientated Programming 7% 1 Prototypes 7% 1 Etends 7% 1 Handling Eceptions 7%

13 Subject Title Interactive Front End Development Subject Length in hours 128 Subject Description In this module you ll learn to work with elements of HTML, CSS and JavaScript and how to combine them to create interactive web applications. As well as working with data from eternal applications using Application Programming Interfaces (APIs), you will learn how to create data visualizations using custom JavaScript Libraries. Tetbooks/Manuals Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Project Method Lecture Computer Based Learning Seminar Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education Does the subject require a final eamination or a formal evaluation? Yes No If Yes, Indicate the pass mark: 50%

14 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) Sass Core frontend programming languages: HTML5, CSS3 and JavaScript JavaScript libraries, including JQuery, Crossfilter.js, D3.js, DC.js. Application Programming Interfaces (APIs) Data Visualisation Jasmine Test Framework Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Demonstrate practical applications of using Sass to apply more powerful styles to your website (with simpler, cleaner code) than CSS Create an interactive data dashboard through effective use of JavaScript and JavaScript libraries e.g Crossfilter.js, D3.js, DC.js Create interactive web applications that respond to user-driven events (e.g. when a user clicks on a submit button, this triggers an event to submit a form) Create interactive web applications that rely on logic (e.g. when a user adds multiple items to a cart, JavaScript logic is used to total the cost of all items) Demonstrate practical applications of Test Driven Development principles through the effective use of the Jasmine Framework Create an interactive Resume that relies on 3 or more APIs to enhance the user eperience (e.g. use the GitHub API to display a list of your projects on your GitHub account)

15 Identify the individual modules that make up this subject. Also identify the instruction hours to be spent on each and how much weight each module is given in terms of assessment of the subject. Module Outline Contact Hours Module Topic Sub Topics 10 Introduction to Syntactically Awesome Stylesheets (Sass) Relative Weight in % 8 Test-Driven Development Using Jasmine Making Sure It Works 8 9 Introduction to jquery Writing less JavaScript 7 12 SVG and interactive charting Bringing Data To Life With Visualizations 9 12 Data visualization mini project APIs Working With Eternal Resources Vue.js Putting it all together Resumé Mini Project II 9 32 Milestone Project 2 25

16 Subject Title Python Fundamentals Subject Description Subject Length in hours 15 Python is a powerful general purpose language. It is considered more readable and intuitive than other languages that serve the same purpose. Python can be used to build web or app prototypes, web development, simple scripting and data analysis. It is a constantly evolving language thanks to its open source nature; Python has an etensive community of volunteers who are passionate about improving the language. It is a popular language among tech and web giants like Google, Instagram and Reddit. This module will provide you with an understanding of the foundations of Python. You will learn how to make calculations, write algorithms, and instruct a computer to make decisions and perform repetitive tasks. You will eperience how all these elements come together when you re building projects and applications. Resources used in delivery: All materials housed in Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Quizzes % Method Lecture Computer Based Learning Seminar Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education

17 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) Numeric data types and arithmetical operations Strings and string operations Variables and their lifecycle User input and printing Booleans, boolean operations and if statements For and While loops Lists and list iteration with loops Dictionaries and dictionary operations Mutability and Immutability Functions and Scoping Modules Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Use numeric variables to solve arithmetic problems Use string variables to perform operations on tet Use boolean variables to solve logical problems Use lists, dictionaries and loops to perform basic dataset manipulation and analysis operations Use Input and Output operations to accept user input on the command line and respond with a result Define and use functions to modularize the code, reducing repetition and making it easier to reason about

18 Identify the individual modules that make up this subject. Also identify the instruction hours to be spent on each and how much weight each module is given in terms of assessment of the subject. Module Outline Contact Hours 1 Numbers, Operators, Variables & Types Module Topic Sub Topics Relative Weight in % 7% 1 Strings & User Input 7% 2 Escape Characters 13% 2 Decision Structures & Loops 14% 2 Improving Reuse and Readability 13% 2 Sequences, Indeing and Lists 13% 2 Scoping and Functions 13% 2 Modules, Collections & Dictionaries 13% 1 Mutability and Immutability 7%

19 Subject Title Practical Python Subject Length in hours 88 Subject Description Coding skills can help solve common, user-specific problems. Maybe you need to rename a few hundred files or send out notifications each time a particular website updates. Python is an ideal language for beginners because of its simple synta. It s not a series of cryptic 1 s and 0 s; you ll be able to learn it without any programming eperience. Resources used in delivery: All materials housed in Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Project 1 100% Method Lecture Computer Based Learning Seminar Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education Does the subject require a final eamination or a formal evaluation? Yes No If Yes, Indicate the pass mark: 50%

20 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) Python command-line tools and IDE commands Composite data structures and common algorithms Unit testing in Python File Input and Output operations The TCP/IP network stack Networking operations in Python The Flask web framework Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Effectively use an Integrated Development Environment (IDE) to develop Python code Demonstrate competence in unit testing and debugging code Implement composite data structures and algorithms to solve coding challenges Understand and effectively use Python to implement TCP/IP and HTTP network operations Demonstrate competence in using the Flask micro framework Design, develop and implement a Python web Back End

21 Identify the individual modules that make up this subject. Also identify the instruction hours to be spent on each and how much weight each module is given in terms of assessment of the subject. Module Outline Contact Hours Module Topic Sub Topics Relative Weight in % 4 Core Python Core Python 5 6 TDD with Python Failure is the first step towards success 7 4 File IO Reading and writing to files 8 15 Algorithms Getting to grips with algorithms HTTP Getting your code to users 11 6 The Flask Framework The Flask Framework 10 9 Putting it all together Flask Chat Application Mini Project Milestone Project 3 36

22 Subject Title Data Centric Development Subject Description Subject Length in hours 80 A Data Centric Application is one in which the database plays a key role. How the data is structured will influence how you write the code. In this module, you'll work with structured and unstructured databases to learn how to manipulate your data. You'll learn how to present that data in a meaningful and easily digestible way. Resources used in delivery: All materials housed in Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Project Method Lecture Computer Based Learning Seminar Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education Does the subject require a final eamination or a formal evaluation? Yes No If Yes, Indicate the pass mark: 50%

23 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) Data and Database Fundamentals Structured and Unstructured Data CRUD operations MySQL commands MongoDB commands Twitter API The Flask Framework Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Implement de-normalisation Demonstrate competence in deploying, configuring, and using the MySQL relational database, as well as the MongoDB non-relational database Demonstrate competence in CRUD (Create, Read, Update and Delete) operations Perform CRUD operations from the command line Perform CRUD operations programmatically using a python script Perform CRUD operations programmatically using a custom-built graphical user interface Develop and deploy a data-driven web application that allows users to consume and manipulate data

24 Identify the individual modules that make up this subject. Also identify the instruction hours to be spent on each and how much weight each module is given in terms of assessment of the subject. Module Outline Contact Hours Module Topic Sub Topics Relative Weight in % 14 Data and Database Fundamentals Working With Data Python, MySQL and the Twitter API How Python Talks To Data Python and MongoDB Go Humongous With MongoDB Putting it all together Flask Task Manager Application Mini Project Milestone Project 4 40

25 Subject Title Full Stack Frameworks Subject Description Subject Length in hours 100 Students will learn how to plan and manage an end to end website project through all stages of the build. Students will etend their technical proficiency in contemporary software tools, including Django and Advanced Python and SQLite, they will understand how to evaluate and implement application features (blogs, forums, polling) as well as deploy authentication, security features and e commerce payment systems. Students will demonstrate their knowledge and skills through completion of the final project to develop and deploy a full stack web-based application framework built on and deployed to a Linu environment. Resources used in delivery: All materials housed in Code Institute LMS Method of Evaluation (e.g. graded homework, quizzes, tests, papers, projects, final eamination, et cetera; the type, number and % value of each) Type Number % Value Type Number % Value Type Number % Value Projects Method Lecture Computer Based Learning Seminar Classroom/Lab (Off-campus) Practicum (Off-campus) Supervised Practical (e.g., clinic) Supervised Lab (e.g., computers) Distance Education Does the subject require a final eamination or a formal evaluation? Yes No If Yes, Indicate the pass mark: 50%

26 Identify below the knowledge and skill objective for this subject and identify the skill or knowledge competencies that each objective supports. Objectives Knowledge (the key elements that a student is epected to know upon completion of subject) Model-View-Controller (MVC) design pattern The Django Framework User authentication and authorisation The Django Test Framework Continuous integration testing with Travis Deployment with Heroku Toolbelt Hosting with AWS S3 Payments processing with Stripe Skill (the key behaviours that a student is epected to be able to perform upon completion of subject) Develop and deploy a full stack web-based application using contemporary software tools, including Django and advanced Python, managing the project through all stages of the build schedule. Implement registration, login, logout and password reset functionality for user accounts on a Django web application Demonstrate competence in testing through the use of the Django Test Framework and Travis Demonstrate competence in using Heroku to deploy a web application Demonstrate competence in using Amazon Web Services (AWS) to host static and media content Develop and deploy an online blog containing dynamic user-generated blog posts Develop and deploy an e-commerce web application that allows users to browse products, update carts and process payments

27 Identify the individual modules that make up this subject. Also identify the instruction hours to be spent on each and how much weight each module is given in terms of assessment of the subject. Module Outline Contact Hours Module Topic Sub Topics Relative Weight in % 3 Introduction to the Django Framework Beginning Django 6 4 Heroku toolbelt Deployment 6 20 Automation & Security Authentication & Authorisation 12 5 Styling a Django project with Bootstrap Bootstrapping A Django Project 6 20 Creating an online blog Blog All About It Putting it all together ecommerce Application Mini Project Milestone Project 5 36