This document provides an agenda and overview for a class on untangling the web and modern web development. It discusses reviewing homework, using source code control like GitHub, GitHub Pages, the structure of modern websites including HTML, CSS and frameworks, and an introduction to the business model canvas homework assignment and project 1 requirements. Students will work in groups to develop a concept for a web business and present it using a completed business model canvas.
This document provides an overview and agenda for an introductory course on web development. It introduces the basic hardware and protocols that power the internet, including switches, routers, IP addresses, DNS, and HTTP. It outlines the course goals of introducing web development teams and processes. The course structure is described, including weekly lectures, exercises, and group projects. The instructor's background is provided. Homework involving a video, system profiling, and setting up accounts is assigned to prepare for the next class.
This document provides an agenda and overview for a developer training session. It discusses developing a growth mindset for programming, strategies for managing frustration, resources for learning programming concepts and getting help, and approaches for collaborative work. It also introduces backend concepts like servers, databases, and JavaScript on the server side using Node.js. The homework assignment involves researching and documenting programming resources.
This document provides an agenda and overview for a class on search engine optimization (SEO). It reviews the previous class, discusses upcoming projects that students can choose to work on, and covers the history and mechanics of SEO, including on-page and off-page factors. Students are instructed on using tools like Google Analytics and GitHub for SEO tasks and source code management. Homework involves analyzing and suggesting improvements to a website based on SEO best practices.
This document provides an agenda and instructions for setting up a server and database for a coding project. It discusses setting up a Node.js server on Digital Ocean, forking a sample project on GitHub, installing dependencies with NPM, running the server, and using EJS templates and MySQL Workbench to connect to and modify a database. Students are instructed to fork the sample project, modify it to use their own database, run it on their server, and submit the GitHub link and website URL for homework.
This class covers reviewing Git and server commands, Bootstrap tables, and introduces some new JavaScript topics like variables, user input/output, and variable scope. The homework assignment asks students to update their pizza ordering application to allow items to be typed in and generate a receipt with columns for item details and calculated totals. Key topics reviewed include Git commands like log, blame, checkout, Bootstrap tables and responsive design, JavaScript variables, parsing user input, and variable scope.
This document provides an agenda and overview for an introductory course on web development. The course will cover the hardware and protocols that power the internet, including how typing a URL leads to loading a webpage. It will introduce concepts like IP addresses, DNS, routers, servers, and HTTP. The instructor's background and course structure are outlined, which involves weekly lectures, exercises, and group projects building websites and backend services. Previews of upcoming modules show topics will include JavaScript, databases, APIs, and pitching projects.
This document provides an overview and agenda for an introductory course on untangling the web. The course will cover the hardware and protocols that power the internet, including how web requests work from typing a URL to accessing content. It introduces the instructors and outlines the weekly topics to be covered over 12 weeks, including networking basics, web servers, front-end development, and a final student project presentation. Students are given preparatory tasks like creating online accounts to prepare for future lessons involving tools like Google Analytics, Nitrous, and GitHub.
This document provides an agenda for a class that covers IBM Bluemix, some JavaScript concepts, mapping with Google Maps, and homework assignments. The class will introduce IBM Bluemix as a cloud platform provider and discuss some of its integrated services. It will also cover JavaScript concepts like variable scope, the this pointer, events, and immediately invoked functions. Students will learn how to create maps using Google Maps and work on sample projects. Homework assignments include creating a campus map with markers and working on a group project to design a website with pages, maps, and chatbots.
Web Developers are excited to use HTML 5 features but sometimes they need to explain to their non-technical boss what it is and how it can benefit the company. This presentation provides just enough information to share the capabilities of this new technologies without overwhelming the audience with the technical details.
"What is HTML5?" covers things you might have seen on other websites and wanted to add on your own website but you didn't know it was a feature of HTML 5. After viewing this slideshow you will probably give your web developer the "go ahead" to upgrade your current HTML 4 website to HTML 5.
You will also understand why web developers don't like IE (Internet Explorer) and why they always want you to keep your browser updated to latest version. "I have seen the future. It's in my browser" is the slogan used by many who have joined the HTML 5 revolution.
This document provides an agenda and overview for a class on websites and design skills. It discusses using GitHub for collaboration, technologies that power websites like HTML and CSS, search engine optimization, business models, and an upcoming project involving designing a website business. Students are asked to review an existing website for SEO and business factors for homework.
You're organised, you love spreadsheets, you're a great cheerleader, you handle a backlog with superhero skills, and now you're faced with managing a Drupal project and everything just feels foreign. It's not you, it's Drupal. The mix of site building, front end development, backend development, and over 20,000 contributed modules makes project management for Drupal exceptionally frustrating for people who've not worked with Drupal before.
This session will cover:
- the basic Drupal development workflow (from a developer's perspective, but without using developer jargon)
writing useful tickets which developers can accomplish
- estimation tips for multi-discipline tickets (design / back end / front end)
- ideal team structures -- and what to do if you can't get them
Updated from DrupalCamp London to include the truisms I've learned about being a first-time project manager.
DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services. It uses PhoneGap and Apache Cordova to package HTML, CSS, and JavaScript into native iOS and Android apps. DrupalGap inherits Drupal concepts like modules, blocks, menus, pages, and views, and it can be extended with contrib modules and custom functionality through services and plugins. Developers need knowledge of JavaScript, Drupal modules, and mobile app development to use DrupalGap.
Javascript and jQuery PennApps Tech Talk, Fall 2014Kathy Zhou
This document summarizes Kathy Zhou's talk on Javascript and jQuery given at PennApps Fall 2014. The talk provided an introduction to Javascript as a programming language that runs in web browsers and jQuery as a Javascript library for animations, effects, and simplifying Javascript usage. It covered basics of Javascript including data types, functions, and manipulating the DOM. It also demonstrated how jQuery can be used to more easily select and modify page elements, attach event handlers, and implement an autocomplete search bar. The talk aimed to help attendees start building UI features for their web apps using Javascript and jQuery.
This document discusses HTML5 features and how they relate to PHP development. It begins by noting that HTML5 moves from documents to applications and from hacks to solutions. It then discusses how technologies like Ajax, Comet, and real-time updates have led to a change where content is less important than context and applications like Facebook and Twitter are really applications, not just pages. The document outlines several new HTML5 features like WebSockets, Web Workers, offline applications, geolocation, drag and drop, and the file API. It argues that more logic will move to the client and browsers with these features. The summary concludes that HTML5 is part of a new application framework and that PHP developers will need to learn JavaScript to
This presentation introduces the key innovations that Play 2 brings to web application development in Java and Scala. The Play framework has brought high-productivity web development to Java with three innovations that changed the rules on Java EE: Java class and template save-and-reload that just works, a simplified stateless architecture that enables cloud deployment, and superior ease-of-use. Following Play's rapidly-growing popularity, Play 2.0 was released in March 2012 with innovations that are not just new in the Java world: type-safe view templates and HTTP routing, compile-time checking for static resources, and native support for both Java and Scala. Type safety matters. After dynamically-typed programming languages such as PHP and Ruby set the standard for high-productivity web development, Play built on their advantages and has created a type-safe web development framework with extensive compile-time checking. This is essential for applications that will scale to tens of thousands of lines of code, with hundreds of view templates. Meanwhile, Play avoids the architectural-complexity that is promoted by Java EE-based approaches. The result is that Play 2 first enables rapid initial application development and then Play 2 helps you build big, serious and scalable web applications.
The development workflow of git github for beginnersGunjan Patel
For video of this session please visit https://youtu.be/lEnYz0b7omE
===================================================
Joomla! is using successful branching model to maintain and keep stable and staging separate. My presentation is mainly focused on beginners. How joomla is working with git and github to track bugs and release. I will explain basic functionality of Git, it's setup, basic git commands, explanation of commands. This will be basic to advance, so it will also help those who already know git but not following proper development workflow in their application. This presentation will guide and encourage them to use proper workflow. Beginners will able to get knowledge of Joomla development workflow which will help them to contribute in project easily. Topics which I am planning to cover are below,
* Set up your computer to use git & github.
* What is fork? How to fork a repository?
* Clone Repository to work in local
* What is upstream? How to configure upstream?
* Commit and Push changes
* Sending Pull request
* Updating your pull request.
=========== Help ==============
I have write some handy commands so it can be easy to work with Git. You may find book here https://gunjanpatel.gitbooks.io/gitbranchingmodel/content/index.html
The document discusses React, a JavaScript library for building user interfaces. It begins by explaining what React is, its core principles of being declarative, efficient and flexible. It then covers React basics like using JSX syntax, maintaining a virtual DOM, one-way data flow and building reusable components. The document also provides examples of adding state and properties to components. Finally, it discusses thinking in React and walks through building a searchable product table as an example.
The document discusses building single page apps with React.JS. It notes that React is a view library, not an MVC framework, and that it is fast due to its use of a virtual DOM and DOM diffing. It also discusses some key React concepts like state, props, setState(), and JSX syntax. Problems with React are mentioned along with the Flux architecture as a solution involving stores, events, and dispatchers to manage data flow in React apps.
Responsive design is forcing us to reevaluate our design and development practices. It's also forcing us to rethink how we communicate with our clients and what a project's deliverables might be. Pattern Lab helps bridge the gap by providing one tool that allows for the creation of modular systems as well as gives clients the tools review the work in the place it's going to be used: the browser.
This deck reviews some of the features of Pattern Lab. It also discusses how I feel it can fit into the overall workflow of a team. It doesn't cover the technical aspects of the tool but I'm happy to follow-up if anyone wants me to. Also, be sure to check out the documentation at http://pattern-lab.info/docs/
This document provides an agenda and notes for a class on web business. It discusses homework assignments, visits from a webmaster and entrepreneur, revenue models like SaaS and advertising. It introduces the Lean Launchpad methodology and Business Model Canvas for planning web businesses. Students participate in exercises applying these concepts to a nonprofit marketing campaign, social media for a cleaning company, and sketching canvases for a toy reseller business.
the third class of the spring 2017 untangling the web series
with a guest presentation by Chris Hawkins of Authentic business solutions https://authenticlab.ca/
This document provides an agenda and overview for a class on front end frameworks, JavaScript, and project 2. It discusses introducing Bootstrap and UI-Kit, JavaScript exercises including functions, variables, control flow, and built-in functions. It outlines homework 4 requirements and reviews frameworks, templates, and JavaScript examples. It describes project 2 expectations and grading criteria, then assigns homework 5 to start building a multi-week pizza ordering website project.
This document discusses asynchronous JavaScript, databases, and Project 3. It introduces callbacks, promises, and async/await in JavaScript. It also covers the differences between SQL and NoSQL databases, provides examples of using SQL databases locally and online, and exercises on SQLZOO. It describes Project 3 as connecting a database to the back end of an application. Students are instructed to draw out their database structure, write queries, and demo their working Project 3 application connecting to an actual database by the due date.
This document discusses the history and future of biohacking, which combines genetic engineering and human performance enhancement. It describes current techniques like using RFID chips or chlorophyll drops and projects to enhance traits like intelligence. The future may see engineered longevity, higher human intelligence through gene editing, and "designer babies." The role of hackerspaces is to educate, push boundaries safely, and start grassroots biotech businesses pursuing goals beyond corporate interests like agriculture. Overall it presents biohacking as a way to actively shape human evolution and potential through technology.
- The gig economy as currently defined will not last long term, as tasks like ridesharing and delivery are likely to be automated. However, skilled professionals using platforms like Thumbtack to find clients will persist and proliferate.
- Technology is empowering skilled tradespeople by allowing them to connect directly with customers and run their businesses more efficiently without traditional employers. Skilled professionals are less reliant on college degrees and are building middle-class lifestyles through online skills marketplaces.
- Policymakers should support independent workers through policies that provide safety nets and make it easier for skilled professionals to succeed without full-time employment.
Recovery: Job Growth and Education Requirements Through 2020CEW Georgetown
Recovery: Job Growth and Education Requirements Through 2020: Projections of jobs and education requirements through 2020. This report shows where the jobs will be by education level, occupation and industry. Recovery 2020 is an update to our Help Wanted: Projections of Jobs and Education Requirements Through 2018.
3 hard facts shaping higher education thinking and behaviorGrant Thornton LLP
Expansion in tuition, enrollment, faculty, buildings, and everything else ― is fast becoming a thing of the past. Institutions will have to carefully pick initiatives, making clear choices about what to do and, most significantly, what not to do. Download 2016 State of higher education >> http://gt-us.co/1UbUF56
African Americans: College Majors and Earnings CEW Georgetown
While college access has increased among African Americans, they are overrepresented in majors that lead to low-paying jobs. In our new report, African Americans: College Majors and Earnings shows that African Americans are underrepresented in the number of college majors associated with the fastest growing, highest-paying occupations. Read the full report: http://bit.ly/20M28d1
The Online College Labor Market: Where the Jobs Are More than 80 percent of job openings for workers with a bachelor’s degree or higher are posted online. This report analyzes the demand for college talent in the job market by examining online job advertisements for college degree-holders by education, occupations, and industries.
My books- Learning to Go https://gumroad.com/l/learn2go & The 30 Goals Challenge for Teachers http://amazon.com/The-Goals-Challenge-Teachers-Transform/dp/0415735343
Resources at http://shellyterrell.com/games
What's Trending in Talent and Learning for 2016?Skillsoft
Skillsoft took a look at the top trends that will impact talent and learning efforts in 2016. For a number of reasons, it's a pivotal time for the HR industry to make its move. However, the landscape of work is changing fast and the most adept pace-setters will adapt to take advantage of the top trends. At the same time, companies need to be cautious of industry trends that may be overhyped. This infographic provides a balanced view of practices that will keep your talent and learning strategy moving in the right direction.
CODE GIST: https://gist.github.com/tyndyll/cce72c16dc112cbe7ffac44dbb1dc5e8
A high level introduction to the Go programming language, including a sample Hello World web server
The document discusses how to publish a book online using GitBook. It provides a 10 step process: 1) Create a GitHub repo for the book, 2) Mirror a publishing template repo, 3) Customize the template, 4) Open the repo in GitBook Editor, 5) Create content, 6) Commit and push changes, 7) Open the repo in VS Code, 8) Build the HTML using Gulp, 9) Commit and push changes to GitHub, 10) Publish to GitHub Pages. It also discusses using Markdown, installing dependencies, GitBook plugins, customization options, and other static site generators.
Git is a version control program that tracks changes to files. GitHub is a website where developers can share projects and code. The document provides instructions for installing Git, setting up a GitHub account, initializing and committing a local repository, linking it to a remote GitHub repository, and pushing the changes to GitHub. It also explains how to create and delete repositories on both Git and GitHub.
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages, and an introduction to JavaScript programming.
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages to host websites, and an introduction to JavaScript programming.
Beginner Workshop for Student Developers - Tratech-presentation.pdfGDSCKNUST
Version control allows tracking changes to code over time and collaboration between developers. Git is a version control tool while GitHub is a platform that integrates with Git. This document discusses setting up Git locally and linking a Git repository to a GitHub account for collaboration and backup of code. Key steps include installing Git, configuring user settings, initializing a Git repository for a project, adding and committing files, and pushing the local repository to GitHub to sync changes and make the code accessible to others.
Hacktoberfest 2020 - Open source for beginnersDeepikaRana30
Hacktoberfest is a month-long celebration of open source software run by DigitalOcean in partnership with GitHub and Twilio. Participants must submit 5 quality pull requests to public GitHub repositories to earn a t-shirt. Open source software is important because it allows for collaboration and improves software quality through many perspectives. Creating a pull request involves forking a repository, cloning it locally, making changes on a new branch, committing changes, and creating a pull request on GitHub comparing the changes to the original repository.
We will learn how to create repository, pushing, cloning and creating branches. Additionally we will talk about various workflows that are used by teams while collaborating in a project.
The following is a slightly opinionated Git-based workflow that helps you to manage your project with a team without having to worry too much about the politics of code management. Thanks to Ka`a Kihe for writing it.
This document provides best practices and guidelines for using Git version control. It discusses topics such as why version control is important, how to write good commit messages, reviewing code changes, using branches, and more. The key recommendations are to focus commit messages on the why rather than what changed, get code reviews on the master branch, and never force push to master to avoid diverging versions.
Open up your platform with Open Source and GitHubScott Graham
The document provides information about open sourcing projects and using GitHub. It discusses the benefits of open sourcing including increased adoption, feedback, and community. It then outlines the steps to open source a project including picking something to open source, deciding where to host it (e.g. GitHub), setting up a GitHub repository, using Git concepts like branches, structuring the project, and cleaning up and pushing the code. The document concludes with recommendations like using private and public repositories, taking advantage of GitHub tools, and considering package managers.
The document provides an overview of a DevOps workshop that teaches DevOps concepts and practices including CI/CD. The workshop agenda covers What is DevOps?, CI/CD, implementing CI/CD with GitHub Actions, and deploying a React/Firebase project. Attendees will learn how to automate testing and deployment of their React app via a GitHub Actions workflow that is triggered on pushes to main and deploys the built app to Firebase hosting. By the end of the workshop, attendees will have hands-on experience creating a CI/CD pipeline for their own project.
This document discusses common coding practices and tools, including GNU autotools and design patterns. It provides tutorials on how to use autotools, including running autogen.sh and configure scripts. It also covers the strategy design pattern, explaining how it abstracts algorithms, encapsulates dependencies, and allows new algorithms to be easily added. The strategy pattern is demonstrated with a diagram and code example. Benefits of the strategy pattern include flexibility and minimizing dependencies between classes. The document concludes with a brief mention of advantages in C++14 compared to older versions.
How not to lose your head at work with WordPress by using tools common in today's PHP development. Tools like git and composer may help you develop more maintainable applications.
The document provides instructions on how to use Git and GitHub for version control and collaboration. It begins with an example scenario that illustrates issues with sharing code between developers without proper version control. It then introduces Git as a version control system that allows tracking changes to code through branches and commits. The document walks through setting up GitHub accounts and repositories, making commits locally and pushing them to a remote repository, and collaborating through pull requests. It also demonstrates common Git commands like cloning, branching, adding/committing, and pushing.
Introduction to Git (even for non-developers)John Anderson
Git is a revision control system that is used for many Open Source projects. Having a basic understanding of Git is essential being able to join an Open Source project and become a contributor. It's also super useful for many other activities! This talk will explore the basics of Git, assuming no existing background experience. Via analogies to other, familiar technolgies, the basic principles of using Git will be explained in an approachable, understandable fashion. People who attend this talk should come away ready to make an initial contribution to an Open Source project, and will leave with a list of additional resources to explore to learn more.
This document provides an introduction to using GitHub, including:
- How to set up a GitHub account and add the Student Developer Pack for unlimited private repositories.
- Basic terminology like repositories, commits, pushes, pulls, branches, and pull requests.
- Tutorials for managing GitHub repositories through the web interface and command line, covering tasks like cloning repositories, adding/committing/pushing files, and adding collaborators.
BLUG 2012 Version Control for Notes DevelopersMartin Jinoch
This document discusses using version control for Notes developers. It recommends using a version control system like Git or Subversion to track changes made during development. It describes how to set up Git for use with Domino Designer using the EGit plugin. It also discusses using a branching model like git-flow to manage features, releases, and bug fixes. Finally, it provides resources for learning more about version control systems and tools that can be integrated into the development workflow.
The document provides instructions for setting up a development environment for front end web development using Atom as the code editor. It discusses installing Atom and useful Atom plugins. It then covers GitHub basics like what Git and GitHub are, how they work, common terminology, and how to create and clone repositories. Finally, it provides step-by-step instructions for using GitHub to create and publish repositories for class assignments.
This document provides an agenda and information for a class on databases and chatbots. It discusses replicating a movies database, creating queries, and examples. It also reviews chatbots and the conversation_simple sample application. Finally, it outlines the grading criteria for Project 3 and homework assigning students to replicate the movies database and run queries.
This document discusses authentication, databases, and EJS partials in Node.js. It provides an overview of using the HTTP-AUTH package for basic authentication, demonstrates passing variables from a Node server to EJS templates, and assigns homework to create a website that uses basic authentication and stores data in a Cloudant database with EJS partials.
This document provides an agenda and information for moving a website project to Bluemix. It discusses setting up a local development environment, using JSON and REST APIs, and introduces Project 3 which involves adding a database and chatbot to an existing website project. Students are asked to deploy their Project 2 website to Bluemix, set it up locally, and submit links to the Bluemix site and GitHub repository for homework.
This document provides an agenda for a class on databases and asynchronous JavaScript. It includes presentations of Project 2, a review of asynchronous concepts like callbacks, promises, and async/await. It also covers differences between SQL and NoSQL databases, examples of using SQL and MongoDB, and an introduction to using a Postgres database on Bluemix. Homework involves SQL queries on a Stack Overflow database and students are notified to begin working on Project 3, which will involve a database backend and chatbot.
This document provides an overview of various topics related to developing a NodeJS application with a database. It discusses mindsets for developers, resources for learning to code like online courses and communities, and technologies involved in web development like front-end versus back-end programming. It also introduces NodeJS, databases like MongoDB and Cloudant, and provides instructions for an example app using Cloudant on Bluemix. Students are assigned homework to deploy this example app and modify it for their own purposes.
Untangling the web - fall2017 - class 4Derek Jacoby
This document provides an agenda and summary for a class on CSS, Flexbox, HTML, and JavaScript. It includes reminders on getting HTML elements from JavaScript using getElementById and creating elements. It reviews a homework assignment on those methods and creating elements. It then covers GitHub branches and commands for creating a new branch. Finally, it introduces CSS and selectors, exercises in CSS, an introduction to Flexbox with a Flexbox Froggy exercise, an introduction to the Bootstrap framework with exercises in using button styles and tooltips, discusses Bootstrap themes and templates, and assigns homework to create a resume using Bootstrap and Flexbox hosted on GitHub pages.
The document provides an agenda and overview for a class on HTML and JavaScript. It introduces HTML tags and how to display HTML, and has exercises on writing HTML and integrating JavaScript. It also discusses using GitHub Pages to host web pages and provides reminders on homework to write JavaScript to alphabetize words and create an animal list that adds items with JavaScript.
The document outlines the agenda for the final week of a web development course. It includes wrap-up discussions, group presentations, course surveys, and demos of web applications built with technologies like React, Node.js, and Google Cloud Platform. Students will also discuss current trends in web development tools and technologies and strategies for continuing their learning after completing the course.
This document provides an agenda and information for a class on databases, debugging, forms, and APIs. It includes exercises to set up debugging in VS Code and create a page that allows querying a database table. Key topics covered are debugging, generators, bundling, HTTP requests, parsing request bodies, asynchronous JavaScript, JSON, and RESTful APIs. Students are also instructed on requirements for their upcoming Project 3 presentations and Homework 11 assignment.
How to Configure Field Cleaning Rules in Odoo 17Celine George
In this slide let’s discuss how to configure field cleaning rules in odoo 17. Field Cleaning is used to format the data that we use inside Odoo. Odoo 17's Data Cleaning module offers Field Cleaning Rules to improve data consistency and quality within specific fields of our Odoo records. By using the field cleaning, we can correct the typos, correct the spaces between them and also formats can be corrected.
Life of Ah Gong and Ah Kim ~ A Story with Life Lessons (Hokkien, English & Ch...OH TEIK BIN
A PowerPoint Presentation of a fictitious story that imparts Life Lessons on loving-kindness, virtue, compassion and wisdom.
The texts are in Romanized Hokkien, English and Chinese.
For the Video Presentation with audio narration in Hokkien, please check out the Link:
https://vimeo.com/manage/videos/987932748
PRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdfnservice241
The University of Ghana has launched a new vision and strategic plan, which will focus on transforming lives and societies through unparalleled scholarship, innovation, and result-oriented discoveries.
A history of Innisfree in Milanville, PennsylvaniaThomasRue2
A history of Innisfree in Milanville, Damascus Township, Wayne County, Pennsylvania. By TOM RUE, July 23, 2023. Innisfree began as "an experiment in democracy," modeled after A.S. Neill's "Summerhill" school in England, "the first libertarian school".
Topics to be Covered
Beginning of Pedagogy
What is Pedagogy?
Definition of Pedagogy
Features of Pedagogy
What Is Pedagogy In Teaching?
What Is Teacher Pedagogy?
What Is The Pedagogy Approach?
What are Pedagogy Approaches?
Teaching and Learning Pedagogical approaches?
Importance of Pedagogy in Teaching & Learning
Role of Pedagogy in Effective Learning
Pedagogy Impact on Learner
Pedagogical Skills
10 Innovative Learning Strategies For Modern Pedagogy
Types of Pedagogy
How to Fix Field Does Not Exist Error in Odoo 17Celine George
This slide will represent how to fix the error field does not exist in a model in Odoo 17. So if you got an error field does not exist it typically means that you are trying to refer a field that doesn’t exist in the model or view.
How to define Related field in Odoo 17 - Odoo 17 SlidesCeline George
The related attribute is used in field definitions to establish a relationship between models and automatically fetch the value from a related model's field. It provides a way to reference and display fields from related models without having to create a separate field and write code to synchronize the values manually.
2. Agenda
Review homework, talk about project 1
Source code control
Github pages
Structure of modern websites
The landing page
HTML and CSS
Frameworks (light first pass)
3. Business Model Canvas Homework
Comments and discussion?
What idea did people pursue?
This is very close to the Project 1 format, except for grading
The assignment today is primarily graded on understanding of the technical
aspect of the canvas and the elements of the marketing plan
The project is graded on feasibility and potential of the idea in addition to
those criteria, with an emphasis on user analysis and perhaps even user
interviews if possible
Need to form groups today! We’ll do that when we go over to the other room
4. Source code control
Github, Gitlab, SVN +many, many proprietary solutions that you’ll never
use (if you’re lucky!)
We will focus on github
Gitlab is very similar, based on GIT
“Global Information Tracker”? Other less savory acronyms
May not stand for anything other than not having a UNIX command
named git previously and kind of sounding like “get”
Written by Linus Torvalds (of Linux fame) to manage linux sources
5. Using GIT
Avoid most of the GUI tools!
They may be easier initially but they will eventually get in your way
We’ll talk about concepts in a minute, but first we need an intro to the
command line terminal
Technically called a “BASH” terminal in the version I’ll be having you install
6. The command terminal
In the beginning, there was the teletype
Well, my beginning. Actually there were punch cards and paper tape before
that, but we don’t need to go quite that far back.
7. The git bash terminal
Demo of git in a bash terminal (we’ll probably do this live, but if you want
a refresher later this video is decent. Longer one at
https://www.youtube.com/watch?v=HVsySz-h9r4 is even better)
8. Installing git and git bash
Windows
Download from https://git-scm.com/download/win
Run to install
Open the “git bash” desktop app
Mac
Might already be there ($ git –version)
If not, you can get an installed from https://sourceforge.net/projects/git-osx-
installer/files/
Or use homebrew, “brew install git” then check the version
9. Short git tutorial walkthrough
May or may not have time to walk through this in class
https://www.atlassian.com/git/tutorials/using-branches
10. Structure of modern websites
It’s not just HTML
It’s CSS, but on it’s own that’s still cumbersome
It’s frameworks
Can be major frameworks like react, angular, Jekyll, Django, etc.
But we’re going to start with light frameworks like bootstrap and ui-kit
These are basically just collections of css and resources that make html easier
to put together
We also have to talk about package managers and task runners
Npm and grunt are the two we’ll touch on today
11. Looking at an example website
http://3data.ca is hosted on github pages
It uses a project at https://github.com/derekja/3data_landing
Programmers are lazy! Don’t start from scratch, feel free to copy
(academic dishonesty disclaimer! For code that is turned in, it is safest to
put a comment in the code indicating where it originally came from. This is
not a bad industry practice either, although followed less scrupulously. For
the purposes of this class, though, you can copy code whenever and
wherever you like as long as you tell me you have done so!)
12. Github pages
Just an easy way to use a webserver for free!
That is driven from a source-code controlled environment
https://www.youtube.com/watch?v=FiOgz3nKpgk (again, we’ll probably go
through this live, but this if you don’t remember what we did here’s a run-
through)
Personal and project pages, we’ll mostly use project pages
Use by cloning or forking a project and then turning on github pages.
Whatever is in index.html will get served up!
Few extra steps for a custom URL
13. Example of a github pages process
I have a website I just created on the weekend. http://3data.ca
I want to use that as the framework for another website that I’m going to
need to work on.
Clone, fork, or copy? In this case, copy since I never want to merge
backward
Fork would also be a valid approach, if you think the original site might get
changes that you want to pick up
But we’ll go through a copy example
14. Getting the source for a project
Create a directory in a git bash window
CD to where you want the directory
Go to the project on github, there will be a “clone” field, copy that https link
and then
Git clone “https link”
This will create the directory and populate it with the master branch
15. Copying the project
Create a new directory with the name of your new project
mkdir new-project-name
In a file browser window copy everything over from the directory you just
cloned EXCEPT the .git subdirectory
16. Initializing the repository
Go into the directory for your new project
Git init .
Go into the GUI on github.com, select create new repo
Copy the new repo link
Git remote add origin https://github.com/username/new_repo
Git add .
Git commit –m “my new project”
Git push origin master
17. Git repo summary
Here is an online tutorial to do this:
http://kbroman.org/github_tutorial/pages/init.html
Now you have a new repo!
What do I do with it?
18. Installing NPM
NodeJS is a framework for server scripting
The node package manager (NPM) is central to how we create modern
websites
It allows you to bring code in as packages that can be independently
updated
https://nodejs.org/en/
Install node 4.6.0…
Close any git bash shells and reopen them
You should now be able to use both git and npm commands from the git
bash shell
19. Installing package dependencies
Cd into the directory your new project is in
Type “npm install” and wait for the files to update. These are all the
package dependencies you’ll need.
20. Segue… .git and .gitignore files
.git is a directory managed through the use of git commands, it should
never be edited directly
.gitignore, though, is a file that determines which files will NOT be saved
into your git repository
This is everything except for code and (sometimes) images and media
21. Seque 2 - editors
I like visual studio code - https://code.visualstudio.com
It’s free and cross-platform and does code highlighting well
If you have another editor preference (atom, sublime text, emacs, vim,
notepad++, etc.) please go ahead and use what you like
A general word process, or notepad or textedit, etc is NOT appropriate for
anything but the smallest edits
22. Task runners
Grunt, gulp, webpack
This are all packages that help you setup and run files for your project
They do things like hot-module reloading – where pages reload on the fly
as you edit and save state
We’ll use a bit simpler mechanism where you have to refresh the page, but
it will still update as soon as you do
Grunt is what we’ll use right now, although I’ll talk about webpack in a later
class
23. Installing grunt
Navigate into your new project directory
Type npm install –g grunt-cli
This will globally install the client for grunt, the grunt service was installed
when you typed npm install earlier
24. Package.json
This is set up by npm to store the packages that go with this particular
project
Let’s look at the ones for this project
Npm install –save or –save-dev stores installed packages in package.json
Use –save when every deployment will need the package
Use –save-dev when only development deployments will need it (ie grunt
is used only on development machines, so –save-dev is used)
25. Grunt.js
Our first javascript file!
Don’t worry about the language too much, that is next week.
We’ll look at the structure of the file
30. Project 1 – business model canvas and
validation
In groups of 3-4, come up with a concept for a web business
You will not have to stay with this group for projects 2 and 3, but if you change groups it
will have to be to another group with this preparatory work done, or you will have to
redo it for your new group, so changing is discouraged
To present this concept you will have to turn in a completed business model canvas. You
will also have 20 minutes to present the concept in class on October 19th.
Due date on syllabus is listed as Oct. 17th. I would like the one page summary of the
business model canvas to be turned in by then so that I can make copies for other
students to make notes on during your presentation, aside from this one-pager the
remainder of the project can be turned in on the 19th.
31. Project 1grading
Different than the homeworks. The homework is really on a best-effort
basis, just enough to tell me that you’re trying and getting something out
of the course.
The project grading counts effort, of course, but is really graded on a more
objective basis. If I were a venture capitalist watching the pitch, would I
fund it?
Of course, you don’t have to meet VC standards, this is an intro class. But
the criteria are more stringent than in the homeworks.
32. Project 1 grading (cont)
20% of the grade will be on the idea. How compelling is the overall
business? This will be evaluated by me, with input from the students in
class watching the presentation on the 19th.
30% of the grade will be on the presentation. How well was it presented,
how good it the pitch deck (the powerpoint presentation to pitch it, we’ll
talk about this in class on the 12th)
40% of the grade will be on the business model canvas and associated
materials that are turned in.
10% of the grade will be allocated based on group effort ratings and
participation – each group will have a form to fill in to give me an idea of
who has participated and in what ways.
33. Project 1 – what gets handed in?
Oct. 17th – a one page summary of the business model canvas, completed
in electronic form
Oct. 19th – a powerpoint presentation (or whatever other presentation
software you choose to use), a participation form from each group
member, any supporting materials to back up the business model canvas.
Oct 21st - (Optionally) a revised business model canvas based on feedback
from the presentation. This revised version will be graded and averaged
with the grade on the first version turned in.
34. Homework 4
Create a page on github pages
Does NOT need to be on a custom domain
The page should be a project landing page
I don’t care what the project is, but if you have an idea for project 1 that’s a
good way to sell it to your group
Due by class time on Oct 5th, send me a URL
I don’t get back in town until the 6th, though, so please leave the site up
until I send you a reply to your email
(the sneaky of you might realize “wow, I can change it until he gets back in
town!” *shrug* you might get away with it. But no promises on when I
look, so whatever is there when I look gets graded!)